:root{--bg:#0b1020;--panel:#11182b;--panel2:#0e1526;--line:#263047;--text:#f3f5fb;--muted:#98a3b9;--muted2:#69758e;--mint:#a8f0cf;--mint-dark:#183e38;--purple:#b6a6ff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{border-right:1px solid #202a40;background:#0a0f1d;padding:27px 17px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font:800 21px var(--display);letter-spacing:-.8px;padding:0 8px 44px}.brand-mark{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;background:var(--mint);color:#10241e;font-size:19px}.brand-ai{color:var(--mint)}.workspace-label,.step-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#72809b}.workspace-label{padding:0 12px 12px}.nav-item{width:100%;border:0;background:transparent;color:#a0abc0;text-align:left;padding:13px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;margin:2px 0;font-weight:600}.nav-item.active{background:#172337;color:#f5f7fc;box-shadow:inset 2px 0 var(--mint)}.nav-icon{font-size:17px;color:var(--mint);width:17px}.nav-pill{font-size:9px;letter-spacing:.6px;background:#23433d;color:var(--mint);padding:3px 6px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto}.local-card{border:1px solid #27374a;background:#101a29;border-radius:10px;padding:14px 12px;display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #8de8c680;flex:none}.local-card .status-dot{margin-top:5px}.local-card strong,.profile strong{font-size:11px;display:block}.local-card p,.profile p{margin:5px 0 0;color:#8794aa;font-size:10px}.profile{border-top:1px solid #222b3e;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#29364d;color:var(--mint);font-size:10px;font-weight:700}.profile-menu{margin-left:auto;color:#8a96ac;font-size:21px}.main-content{min-width:0;max-width:1600px;width:100%;margin:auto;padding:0 43px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a3f}.breadcrumb{font-size:11px;color:#8290a9}.breadcrumb span{padding:0 9px;color:#47536b}.breadcrumb strong{color:#dfe4ee;font-weight:600}.topbar-right{display:flex;gap:17px;align-items:center}.local-badge{display:flex;gap:7px;align-items:center;font-size:10px;color:#c3d3d0;border:1px solid #2a4742;padding:7px 10px;border-radius:30px}.local-badge .status-dot{width:6px;height:6px}.help-btn{width:26px;height:26px;border-radius:50%;border:1px solid #39445a;background:transparent;color:#aab4c7}.hero{padding:44px 0 29px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;color:var(--mint)}.sparkle{font-size:15px;margin-right:5px}.hero h1{font:800 clamp(34px,4vw,51px)/1.12 var(--display);letter-spacing:-2.5px;margin:16px 0 13px}.hero h1 span{color:var(--mint)}.hero-copy{max-width:610px;color:#9aa6bc;font-size:13px;line-height:1.8;margin:0}.hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:20px;color:#b9c3d4;font-size:10px}.hero-points b{color:var(--mint);margin-right:6px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:stretch}.panel{background:linear-gradient(145deg,#121a2d,#101729);border:1px solid #273149;border-radius:13px;min-width:0;overflow:hidden}.form-panel{padding:24px 24px 18px}.panel-heading,.output-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:23px}.panel h2{font:700 16px var(--display);letter-spacing:-.35px;margin:7px 0 0}.heading-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #34415a;border-radius:8px;color:var(--mint);font-size:16px}label{display:block;font-size:11px;font-weight:600;color:#d5dbea;margin-bottom:8px}.required{color:var(--mint)}input,select,textarea{width:100%;background:#0b1221;border:1px solid #2a354d;color:#e6ebf5;border-radius:7px;padding:11px 12px;outline:none;font-size:11px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#63708a}input:focus,select:focus,textarea:focus{border-color:#79cdb1;box-shadow:0 0 0 3px #8ce4c20e}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8f9bb0 50%),linear-gradient(135deg,#8f9bb0 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 11px) 15px;background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-right:27px}textarea{resize:vertical;min-height:98px;line-height:1.6}.form-panel form>label{margin-top:17px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.field-row>div{min-width:0}.field-hint{font-size:9px;color:#73819b;margin-top:7px}.last-row{margin-top:17px}.generate-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;border-radius:8px;background:var(--mint);color:#10241e;padding:13px 15px;font-weight:800;font-size:12px;margin-top:23px;transition:transform .15s,background .15s}.generate-btn:hover{background:#c1f8df;transform:translateY(-1px)}.generate-btn:disabled{opacity:.65;cursor:wait;transform:none}.btn-arrow{margin-left:auto;font-size:16px}.privacy-note{font-size:9px;color:#8491a7;text-align:center;margin:13px 0 0}.privacy-note span{color:var(--mint);font-size:14px;margin-right:4px}.output-panel{display:flex;flex-direction:column;min-height:600px}.output-top{padding:24px 23px 0;margin-bottom:0}.output-status{font-size:8px;letter-spacing:1px;color:#91a0b9;border:1px solid #303c53;border-radius:5px;padding:6px 7px;white-space:nowrap;margin-top:4px}.output-empty{flex:1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 35px 34px}.empty-art{width:176px;height:150px;position:relative;margin-bottom:19px}.art-card{position:absolute;width:111px;height:125px;border:1px solid #34445a;border-radius:9px;background:#1b2840;left:31px;top:11px;transform:rotate(-10deg)}.art-card-back{background:#26324b;left:43px;top:4px;transform:rotate(8deg)}.art-card-front{transform:rotate(-3deg);padding:20px 14px;text-align:left;box-shadow:0 12px 30px #050a14aa}.art-star{color:var(--mint);font-size:20px;display:block;margin-bottom:13px}.art-line{height:5px;width:65px;background:#586681;border-radius:4px;display:block;margin-bottom:7px}.art-line.long{width:79px;background:#dce5ef}.art-line.short{width:42px}.art-chip{display:inline-block;background:#264c43;color:#b2f0d6;font-size:7px;border-radius:4px;padding:5px 7px;margin-top:8px}.art-spark{position:absolute;color:var(--mint);font-size:22px}.spark-one{right:6px;top:13px}.spark-two{left:6px;bottom:16px;color:var(--purple)}.output-empty h3{font:700 15px var(--display);margin:0 0 10px;letter-spacing:-.3px}.output-empty>p{max-width:310px;color:#8d9ab0;font-size:11px;line-height:1.8;margin:0}.empty-checks{display:flex;gap:17px;margin-top:26px;color:#67758f;font-size:9px}.empty-checks span{display:flex;gap:5px;align-items:center}.empty-checks b{color:#c5cede;font-weight:500}.output-footer{border-top:1px solid #273149;padding:13px 18px;display:flex;align-items:center;gap:8px;color:#8190a9;font-size:9px;margin-top:auto}.footer-dot{width:6px;height:6px;background:#77849b;border-radius:50%;flex:none}.output-footer button{margin-left:auto;border:0;background:transparent;color:var(--mint);font-size:9px;padding:4px}.output-content{padding:24px 23px 20px}.hidden{display:none!important}.result-section{margin-bottom:22px}.result-label{font-size:9px;letter-spacing:1.25px;color:#91a0b7;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mini-copy{border:1px solid #33415a;background:transparent;color:#aebbd0;border-radius:5px;padding:4px 8px;font-size:9px;letter-spacing:0}.result-title,.result-description,.tag-list{outline:none;white-space:pre-wrap;overflow-wrap:anywhere}.result-title{font:700 17px/1.5 var(--display);color:#f4f6fc;border-left:2px solid var(--mint);padding-left:12px}.result-description{font-size:11px;line-height:1.9;color:#c1cad9;min-height:110px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;color:#b5f0d5;font-size:10px}.tag-list:empty:before{content:'Add tags here';color:#73819b}.tag-list .tag{border:1px solid #2a5148;background:#172d2d;border-radius:5px;padding:6px 8px}.result-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:5px}.secondary-btn,.regenerate-btn{border:1px solid #34415a;background:#151f33;color:#d5ddeb;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:600}.secondary-btn:hover,.regenerate-btn:hover{border-color:#698879}.regenerate-btn{margin-left:auto;background:#203b35;border-color:#315a4d;color:var(--mint)}.page-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:23px 0 20px;color:#5d6a83;font-size:8px;letter-spacing:1.2px}.footer-separator{color:#a8f0cf;padding:0 6px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#e2fff0;color:#11251f;padding:12px 17px;border-radius:8px;box-shadow:0 10px 30px #0005;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:20;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}.settings-dialog{width:min(510px,calc(100vw - 30px));border:1px solid #35415a;border-radius:14px;background:#111a2c;color:var(--text);padding:25px;box-shadow:0 25px 100px #0009}.settings-dialog::backdrop{background:#030713bd;backdrop-filter:blur(4px)}.dialog-close-row{display:flex;align-items:flex-start;justify-content:space-between}.dialog-close-row h2{font:700 20px var(--display);margin:7px 0 0}.close-btn{background:transparent;border:1px solid #3b4860;border-radius:7px;color:#d7deeb;font-size:20px;width:31px;height:31px}.settings-dialog p,.settings-dialog li{color:#aab6c9;font-size:11px;line-height:1.8}.settings-dialog ol{padding-left:20px}.settings-dialog a{color:var(--mint)}.settings-dialog code{background:#0a1120;color:#bcebd8;padding:3px 5px;border-radius:4px;font-size:10px}.setting-note{border:1px solid #2c3950;background:#0d1424;border-radius:8px;padding:13px;margin-top:15px}.setting-note>strong{display:block;font-size:10px;margin-bottom:7px}.setting-note>code{display:block;margin-bottom:12px;overflow-wrap:anywhere}.setting-note label{margin-top:12px}.dialog-actions{display:flex;gap:10px;margin-top:15px}.dialog-actions>*{flex:1;margin-top:0}.small-note{font-size:9px!important;color:#78869f!important;margin-bottom:0}.dialog-actions .generate-btn{font-size:11px}
@media(max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.main-content{padding:0 25px}.studio-grid{grid-template-columns:1fr}.output-panel{min-height:520px}.output-empty{min-height:350px}.sidebar{padding-inline:12px}.hero{padding-top:35px}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:14px 16px;border-right:0;border-bottom:1px solid #202a40}.brand{padding:0;font-size:19px}.workspace-label,.nav-item,.sidebar-bottom{display:none}.main-content{padding:0 15px}.topbar{height:55px}.hero{padding:30px 0 24px}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-points{gap:10px 16px}.form-panel{padding:20px 16px 17px}.panel-heading,.output-top{padding-left:0;padding-right:0}.field-row{grid-template-columns:1fr;gap:14px}.form-panel form>label{margin-top:15px}.last-row{margin-top:14px}.output-top{padding:20px 17px 0}.output-content{padding:21px 17px}.output-empty{padding-inline:18px}.output-footer{padding:12px}.page-footer{font-size:7px}.output-status{font-size:7px}.regenerate-btn{margin-left:0}.result-actions>*{flex:1}.dialog-actions{flex-direction:column}.settings-dialog{padding:20px}}