.favorite-template{color:#777f8b;background:0 0;border:0;padding:0;font-size:10px}.favorite-template.active{color:#e5c86d}.template-story-hint{color:#9c96bd;background:#7c5cff14;border-radius:8px;margin:8px 12px 0;padding:8px 10px;font-size:10px;line-height:1.4}.brand-panel{background:#0f1217;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(760px,100vw - 56px);max-height:min(860px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000094}.brand-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.brand-panel>header h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:24px}.brand-panel>header p{color:#747d89;margin:0;font-size:12px}.brand-panel-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.brand-section{border:1px solid var(--border);background:#13171d;border-radius:12px;padding:14px}.brand-section h3{text-transform:uppercase;letter-spacing:.08em;color:#a6adb7;margin:0 0 12px;font-size:12px}.brand-section label{color:#8f97a2;margin-top:10px;font-size:11px;display:block}.brand-section input[type=color]{width:100%;min-height:34px;margin-top:6px}.brand-section select,.brand-section .text-input{width:100%;margin-top:6px}.brand-inline{align-items:center;gap:10px;margin-top:10px;display:flex}.brand-path{text-overflow:ellipsis;white-space:nowrap;color:#737c88;flex:1;min-width:0;font-size:10px;overflow:hidden}.brand-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.release-section{grid-column:1/-1}.release-section p{color:#858d98;margin:0;font-size:11px;line-height:1.5}.library-actions{flex-wrap:wrap}.library-hero>.archive-note{color:#68717e;max-width:680px;margin:12px auto 0;font-size:12px;line-height:1.45}@media (max-width:760px){.brand-panel-body{grid-template-columns:1fr}.release-section{grid-column:auto}}.marketing-export-panel{background:#0f1217;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(860px,100vw - 48px);max-height:min(880px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000094}.marketing-export-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.marketing-export-panel>header h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:24px}.marketing-export-panel>header p{color:#747d89;margin:0;font-size:12px}.marketing-export-toolbar{border-bottom:1px solid var(--border);color:#8b939e;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11px;display:flex}.marketing-export-toolbar>div{gap:8px;display:flex}.marketing-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding:18px;display:grid;overflow:auto}.marketing-format-card{border:1px solid var(--border);cursor:pointer;background:#13171d;border-radius:12px;align-items:flex-start;gap:10px;min-height:82px;padding:13px;transition:border-color .15s,background .15s;display:flex;position:relative}.marketing-format-card:hover{border-color:#fff3}.marketing-format-card.selected{background:#7c5cff14;border-color:#7c5cffa6}.marketing-format-card input{margin-top:2px}.marketing-format-card span{flex-direction:column;gap:5px;min-width:0;display:flex}.marketing-format-card strong{color:#e4e7ec;font-size:12px}.marketing-format-card small{color:#757e8a;font-size:10px;line-height:1.4}.marketing-export-panel>footer{border-top:1px solid var(--border);background:#101319;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.marketing-export-panel>footer>div{flex-direction:column;gap:3px;display:flex}.marketing-export-panel>footer strong{font-size:11px}.marketing-export-panel>footer span{color:#737c88;max-width:560px;font-size:10px;line-height:1.45}@media (max-width:760px){.marketing-format-grid{grid-template-columns:1fr 1fr}.marketing-export-panel>footer{flex-direction:column;align-items:flex-start}}.advanced-panel{background:#0f1217;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(780px,100vw - 56px);max-height:min(860px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000094}.advanced-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.advanced-panel>header h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:24px}.advanced-panel>header p{color:#747d89;margin:0;font-size:12px}.advanced-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.advanced-section{border:1px solid var(--border);background:#13171d;border-radius:12px;padding:14px}.advanced-section h3{text-transform:uppercase;letter-spacing:.08em;color:#a6adb7;margin:0 0 10px;font-size:12px}.advanced-section p{color:#7e8792;margin:0 0 10px;font-size:11px;line-height:1.5}.advanced-section label{color:#8f97a2;margin-top:10px;font-size:11px;display:block}.advanced-section select,.advanced-section .text-input,.advanced-section input[type=range]{width:100%;margin-top:6px}.advanced-section .toggle-field{justify-content:space-between;align-items:center;gap:12px;display:flex}.advanced-section .toggle-field input{margin:0}.advanced-wide{grid-column:1/-1}.advanced-hint{color:#777f8b;margin-top:9px;font-size:10px;line-height:1.45;display:block}.advanced-panel>footer{border-top:1px solid var(--border);background:#101319;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.advanced-panel>footer>span{color:#717986;font-size:10px}.advanced-panel>footer>div{gap:8px;display:flex}@media (max-width:760px){.advanced-body{grid-template-columns:1fr}.advanced-wide{grid-column:auto}.advanced-panel>footer{flex-direction:column;align-items:flex-start}}.save-state{border:1px solid var(--border);letter-spacing:.02em;color:#9ba3ae;background:#12161b;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:750;display:inline-flex}.save-state:before{content:"";background:#7b8490;border-radius:50%;width:6px;height:6px}.save-state.dirty:before{background:#d9a34d;box-shadow:0 0 0 3px #d9a34d1a}.save-state.saving:before{background:#7f8cff;box-shadow:0 0 0 3px #7f8cff1a}.save-state.saved:before{background:#65bb85;box-shadow:0 0 0 3px #65bb851a}.save-state.error{color:#ef9aab;background:#781c2a21;border-color:#ef5f7a47}.save-state.error:before{background:#e85f77;box-shadow:0 0 0 3px #e85f771a}.health-button.has-issues{color:#efc07f;background:#82541a24;border-color:#efa85257}.export-progress{gap:4px;min-width:150px;display:grid}.export-progress>span{color:#8c95a1;text-align:right;white-space:nowrap;font-size:10px}.export-progress-track{background:#242a33;border-radius:999px;height:4px;overflow:hidden}.export-progress-track>i{border-radius:inherit;background:#8d78ff;height:100%;transition:width .16s;display:block}.health-panel{background:#0f1217;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(760px,100vw - 56px);max-height:min(760px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000094}.health-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 18px;display:flex}.health-panel>header h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:24px}.health-panel>header p{color:#747d89;margin:0;font-size:12px;line-height:1.45}.health-body{gap:14px;padding:18px;display:grid;overflow:auto}.health-list{gap:8px;display:grid}.health-item{background:#efa8520e;border:1px solid #efa85233;border-radius:10px;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.health-index{color:#b89462;background:#171a20;border-radius:7px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.health-item p{color:#c4a77d;margin:2px 0 0;font-size:11px;line-height:1.5}.health-empty{background:#65bb850f;border:1px solid #65bb8533;border-radius:11px;gap:5px;padding:14px;display:grid}.health-empty strong{color:#bde1c8;font-size:12px}.health-empty span{color:#7e9a87;font-size:11px;line-height:1.45}.health-help,.shortcut-help{border:1px solid var(--border);background:#12161b;border-radius:11px;gap:7px;padding:13px;display:grid}.health-help strong,.shortcut-help strong{color:#d8dce2;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.health-help span,.shortcut-help span{color:#838c98;font-size:11px;line-height:1.45}.shortcut-help{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-help strong{grid-column:1/-1}kbd{color:#c7cdd5;text-align:center;background:#0b0e12;border:1px solid #ffffff1f;border-bottom-color:#fff3;border-radius:5px;min-width:20px;padding:2px 5px;font-size:10px;display:inline-block;box-shadow:0 1px #ffffff0d}.health-panel>footer{border-top:1px solid var(--border);color:#6f7884;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;font-size:10px;display:flex}.health-panel>footer>div{gap:8px;display:flex}@media (max-width:1180px){body{min-width:900px}.studio-grid{grid-template-columns:190px minmax(0,1fr) 245px}.topbar-actions{scrollbar-width:thin;max-width:62vw;padding-bottom:2px;overflow-x:auto}.topbar-actions .secondary,.topbar-actions .primary{white-space:nowrap}.status-dot{max-width:150px}.canvas-stage{padding:18px}}@media (max-width:980px){body{min-width:820px}.studio-grid{grid-template-columns:170px minmax(0,1fr) 225px}.topbar{padding-inline:9px}.topbar-actions{gap:6px;max-width:58vw}.primary,.secondary,.ghost,.icon-button{padding:7px 9px}.project-title{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.status-dot{display:none}.story-strip{height:90px}.story-strip>button{min-width:62px;height:70px}.workspace-footer{font-size:10px}}:root{color:#f4f5f7;font-synthesis:none;--border:#ffffff17;--muted:#8d949f;--panel:#111419;--panel-2:#151920;--accent-ui:#7c5cff;background:#0b0d10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0b0d10;min-width:1180px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0f12f5;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:9px;display:flex}.project-title{margin-left:4px;font-weight:650}.status-dot{color:var(--muted);border-left:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:280px;padding-left:10px;font-size:12px;overflow:hidden}.primary,.secondary,.ghost,.icon-button{border-radius:9px;padding:8px 12px}.primary{color:#111318;background:#f2f3f5;font-weight:650}.primary:hover{background:#fff}.secondary,.icon-button{border:1px solid var(--border);background:#1a1e25}.secondary:hover,.icon-button:hover{background:#222731}.secondary.active-button{background:#302b49;border-color:#675e95}.ghost{color:#b4bac4;background:0 0}.ghost:hover{color:#fff;background:#171a20}.large{padding:12px 18px;font-size:15px}.full{width:100%}.studio-grid{grid-template-columns:250px minmax(0,1fr) 300px;height:calc(100vh - 58px);display:grid}.sidebar{background:var(--panel);overflow:auto}.screens-panel{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.inspector{border-left:1px solid var(--border);padding-bottom:32px}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:#9299a4;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.screen-list{flex-direction:column;gap:7px;padding:8px;display:flex;overflow:auto}.screen-card{text-align:left;background:#0f1216;border:1px solid #0000;border-radius:10px;width:100%;padding:8px}.screen-card:hover{background:#181c22}.screen-card.selected{background:#20252d;border-color:#ffffff17}.screen-card[draggable=true]{cursor:grab}.screen-card[draggable=true]:active{cursor:grabbing}.screen-meta{align-items:center;gap:8px;min-width:0;margin-top:7px;display:flex}.screen-index{color:#7f8792;background:#090b0e;border-radius:6px;flex:none;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.screen-meta>span:last-child{min-width:0}.screen-meta strong,.screen-meta small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.screen-meta strong{font-size:12px;font-weight:600}.screen-meta small{color:#79818c;margin-top:2px;font-size:10px}.screen-actions{border-top:1px solid var(--border);gap:7px;margin-top:auto;padding:8px;display:grid}.add-screen{color:#aeb5bf;background:#171a20;border:1px dashed #ffffff1f;border-radius:8px;width:100%;padding:9px}.workspace{background:#0c0e11;flex-direction:column;min-width:0;display:flex}.canvas-stage{background-image:radial-gradient(circle,#ffffff06,#0000 55%);flex:1;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.canvas-scaler{flex:none;position:relative}.canvas-scaler.actual{width:auto;height:auto}.story-strip{border-top:1px solid var(--border);background:#0d1014;align-items:center;gap:8px;height:104px;padding:10px 12px;display:flex;overflow-x:auto}.story-strip>button{background:#12161b;border:1px solid #0000;border-radius:9px;place-items:center;min-width:72px;height:84px;padding:5px;display:grid}.story-strip>button.active{background:#1a1c27;border-color:#6d61a4}.workspace-footer{border-top:1px solid var(--border);color:#747c87;justify-content:space-between;align-items:center;height:42px;padding:0 13px;font-size:12px;display:flex}.zoom-control{background:#15191f;border-radius:7px;gap:2px;padding:2px;display:flex}.zoom-control button{color:#87909b;background:0 0;border-radius:5px;padding:4px 8px}.zoom-control button.active{color:#fff;background:#292f39}.inspector label{color:#8f97a2;padding:12px 14px 0;font-size:11px;font-weight:650;display:block}.inspector label span{float:right;color:#68707b;font-weight:500}.inspector textarea,.inspector select,.text-input{border:1px solid var(--border);color:#eef0f3;resize:vertical;background:#0e1115;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:8px 9px}.inspector textarea:focus,.inspector select:focus,.text-input:focus{border-color:#4e596c}.inspector input[type=range]{accent-color:#8d78ff;width:100%;margin-top:9px}.inspector input[type=color]{background:0 0;border:0;border-radius:8px;width:100%;height:34px;margin-top:7px}.field-row{grid-template-columns:1fr 1fr;display:grid}.warning-box{color:#d8a568;background:#efa85212;border:1px solid #efa85240;border-radius:10px;gap:5px;margin:12px 12px 0;padding:11px;display:grid}.warning-box strong{color:#f0c692;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.warning-box span{font-size:11px;line-height:1.35}.story-thumb{background:#0b0c0f;border-radius:6px;margin:auto;overflow:hidden;box-shadow:0 4px 14px #0000004d}.shot-canvas{color:#fff;background:#0b0c0f;position:relative;overflow:hidden;box-shadow:0 20px 80px #00000073}.shot-canvas.light{color:#111318;background:#f6f6f4}.shot-glow{aspect-ratio:1;background:var(--accent);filter:blur(220px);opacity:.32;border-radius:50%;width:65%;position:absolute;top:24%;right:-20%}.shot-copy{z-index:4;text-align:center;position:absolute;top:6%;left:8%;right:8%}.shot-copy h2{max-width:980px;font-size:var(--headline-size,108px);letter-spacing:-.055em;margin:0 auto;font-weight:760;line-height:.98}.shot-copy p{max-width:850px;font-size:var(--subtitle-size,38px);color:#ffffffa6;margin:34px auto 0;line-height:1.25}.light .shot-copy p{color:#0000008c}.shot-frame{z-index:3;transform-origin:50%;background:#171a20;position:absolute;overflow:hidden;box-shadow:0 80px 180px #00000073}.shot-frame img{object-fit:cover;width:100%;height:100%;display:block}.shot-frame.ios{border:12px solid #ffffff24;border-radius:92px;width:66%;height:65%;bottom:-4%;left:17%}.shot-frame.ipad{border:10px solid #ffffff24;border-radius:72px;width:76%;height:66%;bottom:-3%;left:12%}.shot-frame.macos{border:2px solid #ffffff2e;border-radius:30px;width:78%;height:59%;bottom:8%;left:11%}.shot-frame.no-frame{border:0;border-radius:18px}.mac-chrome{background:#25282d;align-items:center;gap:12px;height:52px;padding-left:20px;display:flex}.mac-chrome i{background:#6a6d73;border-radius:50%;width:14px;height:14px}.shot-frame.macos:not(.no-frame) img{height:calc(100% - 52px)}.device-island{z-index:2;background:#050505;border-radius:999px;width:22%;height:1.35%;min-height:22px;position:absolute;top:1.1%;left:39%;box-shadow:0 0 0 2px #ffffff06}.drop-placeholder{text-align:center;color:#d8dbe1;background:linear-gradient(135deg,#232832,#14171d);place-content:center;gap:10px;width:100%;height:100%;font-size:32px;display:grid}.drop-placeholder small{color:#7d8590;font-size:22px}.safe-area-overlay{z-index:20;pointer-events:none;border:4px dashed #ffd869c7;border-radius:20px;position:absolute;inset:4.5%;box-shadow:0 0 0 9999px #ffbe5009}.editorial-device .shot-copy,.editorial-window .shot-copy{text-align:left;top:12%;right:44%}.editorial-device .shot-copy h2,.editorial-window .shot-copy h2{font-size:118px}.editorial-device .shot-frame.ios{width:56%;height:72%;bottom:-3%;left:48%}.editorial-device .shot-frame.ipad{width:61%;height:70%;bottom:-3%;left:42%}.editorial-window .shot-frame.macos{width:68%;height:62%;bottom:10%;left:35%}.full-bleed .shot-copy{text-align:left;top:5%}.full-bleed .shot-frame.ios,.full-bleed .shot-frame.ipad{border-radius:64px;width:88%;height:78%;bottom:-16%;left:6%}.feature-callout .shot-copy{top:5%}.feature-callout .shot-frame.ios{width:58%;height:64%;bottom:1%;left:21%}.feature-callout .shot-frame.ipad{width:66%;height:65%;bottom:1%;left:17%}.callout{z-index:5;color:#111;background:#fff;border-radius:999px;padding:20px 26px;font-size:26px;font-weight:700;position:absolute;top:45%;right:5%;box-shadow:0 25px 70px #00000047}.clean-window .shot-copy{top:7%}.clean-window .shot-frame.macos{width:82%;bottom:6%;left:9%}.editorial-window .shot-copy{top:16%;right:58%}.editorial-window .shot-copy h2{font-size:96px}.editorial-window .shot-copy p{font-size:32px}.large-crop .shot-copy{text-align:left;top:7%}.large-crop .shot-frame.macos{width:92%;height:72%;bottom:-9%;left:18%}.window-detail .shot-copy{text-align:left;top:15%;right:55%}.window-detail .shot-copy h2{font-size:92px}.window-detail .shot-copy p{font-size:32px}.window-detail .shot-frame.macos{width:66%;bottom:9%;left:37%}.detail-bubble{z-index:6;color:#111;background:#fff;border-radius:50%;place-items:center;width:150px;height:150px;font-size:48px;font-weight:800;display:grid;position:absolute;top:15%;right:7%;box-shadow:0 30px 80px #0000004d}.shot-canvas.landscape .shot-copy{text-align:left;top:10%;left:7%;right:56%}.shot-canvas.landscape .shot-copy h2{font-size:var(--landscape-headline-size,90px);max-width:860px}.shot-canvas.landscape .shot-copy p{font-size:var(--landscape-subtitle-size,30px);margin-top:26px}.shot-canvas.landscape .shot-frame.ios,.shot-canvas.landscape .shot-frame.ipad{border-radius:56px;width:56%;height:78%;bottom:-4%;left:43%}.shot-canvas.landscape.editorial-device .shot-frame.ios,.shot-canvas.landscape.editorial-device .shot-frame.ipad{width:58%;height:84%;left:42%}.shot-canvas.landscape.full-bleed .shot-frame.ios,.shot-canvas.landscape.full-bleed .shot-frame.ipad{width:67%;height:88%;bottom:-10%;left:36%}.shot-canvas.landscape.feature-callout .shot-frame.ios,.shot-canvas.landscape.feature-callout .shot-frame.ipad{width:55%;height:78%;left:42%}.library-page{background:radial-gradient(circle at 78% 7%,#7c5cff26,#0000 32%),#0b0d10;min-height:100vh}.library-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:66px;padding:0 28px;display:flex}.brand-mark{background:linear-gradient(145deg,#9f8cff,#6345ff);border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid;box-shadow:0 10px 30px #7c5cff40}.library-hero{text-align:center;max-width:900px;margin:0 auto;padding:90px 28px 70px}.eyebrow{letter-spacing:.15em;font-weight:800;color:#8d7aff!important;font-size:12px!important}.library-hero h1{letter-spacing:-.045em;margin:18px 0;font-size:56px;line-height:1.02}.library-hero>p{color:#8d949f;font-size:18px;line-height:1.55}.library-hero code{color:#c7cbd2;background:#161a20;border-radius:5px;padding:2px 5px}.library-actions{justify-content:center;gap:10px;margin-top:30px;display:flex}.library-status{color:#f19d83;margin-top:16px;font-size:13px}.recent-section{max-width:1040px;margin:0 auto;padding:0 28px 60px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:18px}.section-heading span{color:#68707b;font-size:12px}.empty-card{border:1px solid var(--border);text-align:center;color:#a7adb6;background:#101318;border-radius:16px;place-content:center;height:220px;display:grid}.empty-card>span{color:#6f7783;margin-bottom:8px;font-size:26px}.empty-card p{color:#626a75;margin:8px 0 0;font-size:13px}.recent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{text-align:left;border:1px solid var(--border);background:#111419;border-radius:14px;padding:0 0 14px;overflow:hidden}.project-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.project-preview{background:radial-gradient(circle at 30% 20%,#6f5cff,#232832 55%,#15181e);place-items:center;height:140px;font-size:48px;font-weight:850;display:grid}.project-card strong,.project-card span{padding:0 13px;display:block}.project-card strong{margin-top:12px}.project-card span{color:#69717d;margin-top:3px;font-size:11px}@media (max-width:1320px){.studio-grid{grid-template-columns:225px minmax(0,1fr) 275px}}.template-frame{pointer-events:none;background:0 0;border:0;width:100%;height:100%;display:block}.active-button{color:#fff;background:#292f39!important}.template-meta{color:#666f7b;justify-content:space-between;gap:8px;margin:7px 14px 0;font-size:10px;line-height:1.3;display:flex}.template-error-box{color:#f0a9b2;background:#781c2a26;border:1px solid #ff667847;border-radius:9px;flex-direction:column;gap:7px;margin:10px 10px 0;padding:10px;display:flex}.template-error-box strong{color:#ffd6dc;font-size:11px}.template-error-box span{flex-direction:column;gap:2px;font-size:10px;line-height:1.35;display:flex}.template-error-box b{color:#fff;font-weight:650}.inspector-section{border-top:1px solid var(--border);margin-top:14px;padding-top:8px}.section-label{color:#a2a9b4;letter-spacing:.09em;text-transform:uppercase;padding:8px 14px 0;font-size:10px;font-weight:800}.toggle-field{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex!important}.toggle-field>span{float:none!important;color:#8f97a2!important}.toggle-field input{accent-color:#8d78ff;width:16px;height:16px}.gallery-backdrop{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030508b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.template-gallery{background:#0f1217;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(1180px,100vw - 56px);height:min(820px,100vh - 56px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000094}.template-gallery>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.template-gallery>header h2{letter-spacing:-.025em;margin:5px 0 4px;font-size:24px}.template-gallery>header p{color:#747d89;margin:0;font-size:12px}.template-gallery .eyebrow{display:block}.gallery-toolbar{border-bottom:1px solid var(--border);color:#6f7884;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 18px;font-size:11px;display:flex}.gallery-toolbar label{color:#8d95a0;align-items:center;gap:9px;font-weight:650;display:flex}.gallery-toolbar select{border:1px solid var(--border);color:#eef0f3;background:#0b0e12;border-radius:8px;min-width:260px;padding:7px 9px}.gallery-errors{color:#e9a4ad;background:#781c2a1f;border:1px solid #ff66783d;border-radius:9px;flex-direction:column;gap:5px;margin:12px 18px 0;padding:10px 12px;font-size:11px;display:flex}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.gallery-card{text-align:left;border:1px solid var(--border);background:#14181e;border-radius:13px;min-width:0;padding:0;transition:transform .14s,border-color .14s,background .14s;overflow:hidden}.gallery-card:hover{background:#181d24;border-color:#fff3;transform:translateY(-2px)}.gallery-preview{background:#090b0e;border-radius:8px;margin:18px auto 0;overflow:hidden;box-shadow:0 12px 32px #00000057}.gallery-card-copy{padding:14px 15px 16px}.gallery-card-copy strong{font-size:13px;display:block}.gallery-card-copy span{color:#737c88;margin-top:4px;font-size:10px;display:block}.gallery-card-copy p{color:#959ca6;margin:9px 0 0;font-size:11px;line-height:1.45}@media (max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell{--editor-bg:#090b0e;--editor-panel:#0f1216;--editor-panel-raised:#13171d;--editor-surface:#161a20;--editor-surface-hover:#1c2129;--editor-border:#ffffff13;--editor-border-strong:#ffffff21;--editor-text:#eef0f3;--editor-muted:#7f8792;--editor-accent:#8d78ff;--editor-accent-soft:#8d78ff1f;background:var(--editor-bg);min-height:100vh}.app-shell .topbar{z-index:30;border-bottom-color:var(--editor-border);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(#14171dfa,#0e1115fa);gap:14px;height:64px;padding:0 12px;position:relative;box-shadow:0 1px #0009,0 12px 36px #00000029}.app-shell .topbar-left{flex:auto;gap:7px;min-width:0}.app-shell .topbar-actions{overscroll-behavior-x:contain;scrollbar-width:none;flex:0 auto;gap:6px;min-width:0;margin-inline:-8px;padding:4px 8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%)}.app-shell .project-title{text-overflow:ellipsis;white-space:nowrap;color:#f6f7f8;letter-spacing:-.012em;max-width:220px;margin-left:1px;font-size:13px;font-weight:680;overflow:hidden}.app-shell .status-dot{color:#69727e;border-left-color:#ffffff12;min-width:0;max-width:210px;margin-left:2px;padding:0 0 0 9px;font-size:10.5px}.app-shell .save-state{color:#8b939e;background:#ffffff06;border-color:#ffffff12;flex:none;padding:3px 7px;box-shadow:inset 0 1px #ffffff06}.app-shell .primary,.app-shell .secondary,.app-shell .ghost,.app-shell .icon-button{border-radius:8px;min-height:32px;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s}.app-shell .topbar .secondary{white-space:nowrap;color:#929aa5;background:0 0;border-color:#0000;padding:6px 9px;font-size:11px;font-weight:590}.app-shell .topbar .secondary:hover{color:#e4e7eb;background:#ffffff0e;border-color:#ffffff12}.app-shell .topbar .secondary.active-button{color:#c8c0ff;background:var(--editor-accent-soft)!important;border-color:#8d78ff47!important}.app-shell .topbar .primary{white-space:nowrap;color:#0e1014;background:#f1f2f4;border:1px solid #ffffffad;padding:6px 12px;font-size:11px;font-weight:720;box-shadow:0 2px 10px #0000003d,inset 0 1px #fffc}.app-shell .topbar .primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #00000047,inset 0 1px #fff}.app-shell .topbar .ghost{color:#79818c;min-height:30px;padding:5px 8px;font-size:11px}.app-shell .topbar .ghost:hover{color:#dce0e5;background:#ffffff0b}.app-shell .topbar .icon-button{color:#a3abb5;background:#ffffff08;border-color:#fff1;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;font-size:14px;display:grid}.app-shell .topbar .icon-button:hover:not(:disabled){color:#fff;background:#ffffff12;border-color:#ffffff1c}.app-shell .topbar button:focus-visible,.app-shell .sidebar button:focus-visible,.app-shell .workspace button:focus-visible,.app-shell .inspector input:focus-visible,.app-shell .inspector textarea:focus-visible,.app-shell .inspector select:focus-visible{outline-offset:2px;outline:2px solid #8d78ffb8}.app-shell .export-progress{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;min-width:128px;margin-right:3px;padding:4px 8px 3px}.app-shell .export-progress>span{color:#8f98a4}.app-shell .export-progress-track{background:#ffffff12;height:3px}.app-shell .export-progress-track>i{background:linear-gradient(90deg,#725cff,#a898ff)}.app-shell .studio-grid{background:var(--editor-bg);grid-template-columns:244px minmax(0,1fr) 318px;height:calc(100vh - 64px)}.app-shell .sidebar{scrollbar-color:#ffffff1a transparent;scrollbar-width:thin;background:linear-gradient(#101318,#0d1014)}.app-shell .screens-panel{border-right-color:var(--editor-border);box-shadow:12px 0 32px #00000014}.app-shell .inspector{border-left-color:var(--editor-border);padding-bottom:40px;box-shadow:-12px 0 32px #00000014}.app-shell .panel-title{z-index:5;border-bottom-color:var(--editor-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#777f8a;letter-spacing:.11em;background:#0f1216ed;min-height:46px;padding:0 13px;font-size:10px;font-weight:760;position:sticky;top:0}.app-shell .panel-title span:last-child{color:#737c87;letter-spacing:.02em;background:#ffffff0b;border-radius:999px;padding:3px 6px;font-size:9px}.app-shell .screen-list{gap:7px;padding:9px}.app-shell .screen-card{background:0 0;border-color:#0000;border-radius:11px;padding:8px;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;position:relative}.app-shell .screen-card:before{content:"";background:0 0;border-radius:999px;width:2px;position:absolute;top:14px;bottom:14px;left:-1px}.app-shell .screen-card:hover{background:#ffffff09;border-color:#ffffff0b}.app-shell .screen-card.selected{background:linear-gradient(135deg,#8d78ff1d,#ffffff09);border-color:#8d78ff33;box-shadow:inset 0 1px #ffffff06,0 5px 18px #0000001f}.app-shell .screen-card.selected:before{background:var(--editor-accent);box-shadow:0 0 12px #8d78ff80}.app-shell .screen-card[draggable=true]:hover{transform:translate(1px)}.app-shell .screen-card .story-thumb{border:1px solid #ffffff12;border-radius:7px;box-shadow:0 5px 16px #00000047}.app-shell .screen-card.selected .story-thumb{border-color:#8d78ff38}.app-shell .screen-meta{gap:8px;margin-top:8px}.app-shell .screen-index{color:#68717d;background:#ffffff09;border-radius:7px;width:26px;height:26px;font-size:9px;font-weight:720}.app-shell .screen-card.selected .screen-index{color:#b5aaff;background:#8d78ff21}.app-shell .screen-meta strong{color:#d8dce1;font-size:11px;font-weight:630}.app-shell .screen-card.selected .screen-meta strong{color:#f4f5f7}.app-shell .screen-meta small{color:#646d78;font-size:9.5px}.app-shell .screen-actions{border-top-color:var(--editor-border);background:linear-gradient(#0d1014cc,#0d1014);gap:6px;padding:9px}.app-shell .screen-actions .secondary,.app-shell .add-screen{min-height:34px;font-size:10.5px}.app-shell .screen-actions .secondary{color:#8d96a1;background:#ffffff09;border-color:#fff1}.app-shell .screen-actions .secondary:hover{color:#dce0e4;background:#fff1}.app-shell .add-screen{color:#a99eff;background:#8d78ff0e;border-color:#8d78ff33;border-radius:9px}.app-shell .add-screen:hover:not(:disabled){color:#c8c0ff;background:#8d78ff1a;border-color:#8d78ff57}.app-shell .workspace{background:#090b0e;position:relative;box-shadow:inset 1px 0 #ffffff05,inset -1px 0 #ffffff05}.app-shell .canvas-stage{background-color:#090b0e;background-image:radial-gradient(circle at 50% 42%,#6d5bcd1a,#0000 35%),radial-gradient(circle,#ffffff0b 1px,#0000 1px);background-position:50%,0 0;background-size:auto,18px 18px;padding:42px 36px 34px}.app-shell .canvas-scaler{isolation:isolate;filter:drop-shadow(0 28px 42px #00000061);transition:filter .18s}.app-shell .canvas-scaler:hover{filter:drop-shadow(0 32px 50px #00000070)}.app-shell .canvas-scaler:after{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000002e}.app-shell .story-strip{border-top-color:var(--editor-border);scrollbar-color:#ffffff1a transparent;scrollbar-width:thin;background:linear-gradient(#0d1014,#0b0e12);gap:7px;height:90px;padding:9px 12px}.app-shell .story-strip>button{opacity:.64;background:0 0;border-color:#0000;border-radius:9px;min-width:64px;height:72px;padding:5px;transition:opacity .14s,background .14s,border-color .14s,transform .14s}.app-shell .story-strip>button:hover{opacity:.92;background:#ffffff09;transform:translateY(-1px)}.app-shell .story-strip>button.active{opacity:1;background:#8d78ff17;border-color:#8d78ff47;box-shadow:inset 0 0 0 1px #8d78ff0f}.app-shell .story-strip .story-thumb{box-shadow:0 5px 14px #00000057}.app-shell .workspace-footer{border-top-color:var(--editor-border);color:#69727d;background:#0d1014;height:38px;padding:0 12px;font-size:10.5px}.app-shell .workspace-footer>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-shell .zoom-control{background:#ffffff06;border:1px solid #ffffff0e;border-radius:7px;flex:none;padding:2px}.app-shell .zoom-control button{color:#6f7883;padding:3px 7px;font-size:9.5px}.app-shell .zoom-control button:hover{color:#b8bec7}.app-shell .zoom-control button.active{color:#f0f2f4;background:#ffffff16;box-shadow:inset 0 1px #ffffff0a}.app-shell .inspector label{color:#7f8894;letter-spacing:.005em;padding:10px 13px 0;font-size:10px;font-weight:640}.app-shell .inspector label span{color:#606975;font-variant-numeric:tabular-nums}.app-shell .inspector textarea,.app-shell .inspector select,.app-shell .inspector .text-input{color:#e2e5e9;background:#0b0e12;border-color:#ffffff13;border-radius:8px;min-height:34px;margin-top:6px;padding:7px 9px;transition:border-color .14s,background .14s,box-shadow .14s;box-shadow:inset 0 1px 1px #0003}.app-shell .inspector textarea{line-height:1.45}.app-shell .inspector textarea:hover,.app-shell .inspector select:hover,.app-shell .inspector .text-input:hover{background:#0d1014;border-color:#ffffff1f}.app-shell .inspector textarea:focus,.app-shell .inspector select:focus,.app-shell .inspector .text-input:focus{background:#0d1014;border-color:#8d78ff7a;box-shadow:0 0 0 3px #8d78ff12,inset 0 1px 1px #0000002e}.app-shell .inspector .field-row{gap:8px;padding:0 13px}.app-shell .inspector .field-row>label{padding-inline:0}.app-shell .inspector input[type=range]{height:16px;accent-color:var(--editor-accent);margin-top:7px}.app-shell .inspector input[type=color]{background:#0b0e12;border:1px solid #ffffff13;border-radius:8px;height:34px;margin-top:6px;padding:3px}.app-shell .inspector .secondary.full{color:#9ba3ad;background:#ffffff09;border-color:#ffffff13;min-height:34px;margin-top:6px;font-size:10.5px}.app-shell .inspector .secondary.full:hover{color:#e0e3e7;background:#fff1}.app-shell .template-meta{color:#5f6873;background:#ffffff06;border:1px solid #ffffff0d;border-radius:8px;align-items:center;margin:7px 13px 1px;padding:7px 8px}.app-shell .favorite-template{color:#747d88;background:0 0;border-radius:6px;flex:none;padding:3px 6px;font-size:9px}.app-shell .favorite-template:hover,.app-shell .favorite-template.active{color:#b9afff;background:#8d78ff17}.app-shell .template-story-hint{border-radius:8px;margin-inline:13px}.app-shell .inspector>.template-meta+label:has(textarea){border-top:1px solid var(--editor-border);margin-top:14px;padding-top:27px;position:relative}.app-shell .inspector>.template-meta+.template-story-hint+label:has(textarea){border-top:1px solid var(--editor-border);margin-top:14px;padding-top:27px;position:relative}.app-shell .inspector>.template-meta+label:has(textarea):before{content:"Content";color:#626b76;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780;line-height:1;position:absolute;top:9px;left:13px}.app-shell .inspector>.template-meta+.template-story-hint+label:has(textarea):before{content:"Content";color:#626b76;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780;line-height:1;position:absolute;top:9px;left:13px}.app-shell .inspector>.field-row:has(input[type=color]){border-top:1px solid var(--editor-border);margin-top:15px;padding-top:27px;position:relative}.app-shell .inspector>.field-row:has(input[type=color]):before{content:"Appearance";color:#626b76;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780;line-height:1;position:absolute;top:10px;left:13px}:is(.app-shell .inspector>label:has(select option[value=window]),.app-shell .inspector>label:has(select option[value=device])){border-top:1px solid var(--editor-border);margin-top:15px;padding-top:27px;position:relative}.app-shell .inspector>label:has(select option[value=window]):before{content:"Frame";color:#626b76;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780;line-height:1;position:absolute;top:9px;left:13px}.app-shell .inspector>label:has(select option[value=device]):before{content:"Frame";color:#626b76;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:780;line-height:1;position:absolute;top:9px;left:13px}.app-shell .inspector-section{border-top-color:var(--editor-border);margin-top:17px;padding-top:10px}.app-shell .section-label{color:#626b76;padding-top:6px;font-size:9px}.app-shell .warning-box,.app-shell .template-error-box{border-radius:9px;margin:10px 10px 2px;box-shadow:inset 0 1px #ffffff05}.app-shell .screen-list::-webkit-scrollbar{width:8px;height:8px}.app-shell .inspector::-webkit-scrollbar{width:8px;height:8px}.app-shell .story-strip::-webkit-scrollbar{width:8px;height:8px}.app-shell .screen-list::-webkit-scrollbar-track{background:0 0}.app-shell .inspector::-webkit-scrollbar-track{background:0 0}.app-shell .story-strip::-webkit-scrollbar-track{background:0 0}.app-shell .screen-list::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px}.app-shell .inspector::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px}.app-shell .story-strip::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px}@media (max-width:1320px){.app-shell .studio-grid{grid-template-columns:218px minmax(0,1fr) 286px}.app-shell .project-title{max-width:160px}.app-shell .status-dot{max-width:130px}.app-shell .topbar-actions{max-width:68vw}.app-shell .canvas-stage{padding:32px 24px 28px}}@media (max-width:1180px){.app-shell .studio-grid{grid-template-columns:188px minmax(0,1fr) 248px}.app-shell .topbar{gap:8px}.app-shell .topbar-actions{max-width:62vw}.app-shell .project-title{max-width:135px}.app-shell .status-dot{display:none}.app-shell .screen-list{padding:7px}.app-shell .canvas-stage{padding:24px 18px}}@media (max-width:980px){.app-shell .studio-grid{grid-template-columns:168px minmax(0,1fr) 224px}.app-shell .topbar{height:60px;padding-inline:8px}.app-shell .studio-grid{height:calc(100vh - 60px)}.app-shell .topbar-actions{gap:4px;max-width:60vw}.app-shell .topbar .secondary{padding-inline:7px}.app-shell .project-title{max-width:112px}.app-shell .story-strip{height:82px}.app-shell .story-strip>button{min-width:58px;height:64px}}.app-shell .topbar{overflow:hidden}.app-shell .topbar-left{flex:0 42%;max-width:560px}.app-shell .topbar-actions{white-space:nowrap;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#ffffff05;border:1px solid #ffffff0e;border-radius:999px;flex:1 1 0;justify-content:flex-start;align-items:center;gap:6px;min-width:180px;max-width:none;margin:0 -2px 0 0;padding:5px 10px;display:flex;overflow:auto hidden;box-shadow:inset 0 1px #ffffff05;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.app-shell .topbar-actions::-webkit-scrollbar{display:none}.app-shell .topbar-actions>*{scroll-snap-align:start;flex:none}.app-shell .topbar-actions .secondary,.app-shell .topbar-actions .primary,.app-shell .topbar-actions .icon-button,.app-shell .topbar-actions .export-progress{border-radius:999px}.app-shell .topbar-actions .secondary{color:#9aa2ad;background:#ffffff09;border:1px solid #ffffff12;min-height:30px;padding:5px 11px;box-shadow:inset 0 1px #ffffff05}.app-shell .topbar-actions .secondary:hover{color:#f0f2f5;background:#ffffff13;border-color:#ffffff1f}.app-shell .topbar-actions .secondary.active-button{color:#d2cbff;background:#8d78ff26!important;border-color:#8d78ff57!important}.app-shell .topbar-actions .health-button.has-issues{background:#efa85214;border-color:#efa8524d}.app-shell .topbar-actions .icon-button{background:#ffffff09;border-color:#ffffff12;width:30px;min-width:30px;height:30px;min-height:30px}.app-shell .topbar-actions .primary{border-radius:999px;min-height:30px;padding:5px 13px;box-shadow:0 2px 9px #00000040,inset 0 1px #ffffffd9}.app-shell .topbar-actions .export-progress{background:#8d78ff0e;border-color:#8d78ff29;min-width:142px;margin-right:0;padding:5px 10px 4px}@media (max-width:1180px){.app-shell .topbar-left{flex-basis:36%;max-width:390px}.app-shell .topbar-actions{max-width:none;padding-inline:8px}}@media (max-width:980px){.app-shell .topbar-left{flex-basis:34%;max-width:300px}.app-shell .topbar-actions{gap:5px;max-width:none;padding-block:4px}.app-shell .topbar-actions .secondary,.app-shell .topbar-actions .primary{padding-inline:10px}}