.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}}.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}.quality-health-panel{width:min(1120px,100vw - 56px);max-height:min(880px,100vh - 56px)}.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}.quality-section{border:1px solid var(--border);background:#10141a;border-radius:12px;gap:11px;padding:14px;display:grid}.quality-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.quality-section-head>div{gap:4px;display:grid}.quality-section-head strong{color:#d9dde4;font-size:12px}.quality-status{border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.quality-status.pass{color:#bde1c8;background:#65bb851a;border:1px solid #65bb8533}.quality-status.fail{color:#efb0bc;background:#e85f771a;border:1px solid #e85f7738}.quality-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quality-check{border:1px solid var(--border);background:#0d1015;border-radius:9px;grid-template-columns:24px 1fr;align-items:start;gap:9px;padding:9px;display:grid}.quality-check>span{border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:grid}.quality-check.pass>span{color:#bde1c8;background:#65bb851a}.quality-check.fail>span{color:#ef9aab;background:#e85f771c}.quality-check strong{color:#cfd4dc;margin-bottom:3px;font-size:10px;display:block}.quality-check p{color:#747d89;margin:0;font-size:10px;line-height:1.4}.quality-progress{gap:7px;display:grid}.quality-progress>div:first-child{color:#808996;justify-content:space-between;gap:12px;font-size:10px;display:flex}.quality-progress>div:first-child span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quality-render-result{border-radius:9px;gap:4px;padding:10px 11px;font-size:10px;line-height:1.45;display:grid}.quality-render-result.pass{color:#8fb39a;background:#65bb850f;border:1px solid #65bb8533}.quality-render-result.fail{color:#ca8c98;background:#e85f770f;border:1px solid #e85f7738}.quality-render-result strong{color:inherit;font-size:11px}.quality-fixture-tabs{flex-wrap:wrap;gap:6px;display:flex}.quality-fixture-tabs button{border:1px solid var(--border);color:#7d8692;cursor:pointer;background:#0d1015;border-radius:8px;padding:7px 9px;font-size:10px}.quality-fixture-tabs button.active{color:#e1e4e9;background:#202531;border-color:#8d78ff6b}.quality-note{color:#717a86;margin:0;font-size:10px;line-height:1.45}.quality-matrix{gap:12px;display:grid}.quality-theme-row{border-top:1px solid var(--border);gap:8px;padding-top:11px;display:grid}.quality-theme-row:first-child{border-top:0;padding-top:0}.quality-theme-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.quality-theme-row-head strong{color:#d5d9df;font-size:11px}.quality-theme-row-head span{color:#69727e;font-size:9px}.quality-preview-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.quality-preview-card{justify-items:center;gap:5px;min-width:0;display:grid}.quality-preview-canvas{background:#080a0e;border:1px solid #ffffff14;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px #0000002e}.quality-preview-card>span{text-overflow:ellipsis;white-space:nowrap;color:#737c88;max-width:100%;font-size:9px;overflow:hidden}.quality-preview-missing{color:#d48695;border:1px dashed #e85f7759;border-radius:7px;place-items:center;min-height:70px;padding:7px;font-size:9px;display:grid}@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}.quality-health-panel{width:min(960px,100vw - 36px)}}@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}.quality-check-grid{grid-template-columns:1fr}}.theme-browser-backdrop{z-index:80}.theme-browser{background:#11141a;border:1px solid #ffffff1a;border-radius:24px;width:min(1180px,100vw - 48px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 40px 120px #0000008c}.theme-browser>header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#11141afa,#11141af0);border-bottom:1px solid #ffffff12;justify-content:space-between;gap:24px;padding:24px 28px 20px;display:flex;position:sticky;top:0}.theme-browser>header h2{letter-spacing:-.03em;margin:4px 0 6px;font-size:28px}.theme-browser>header p{color:#9198a5;max-width:720px;margin:0;line-height:1.45}.theme-browser-toolbar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 28px;display:flex}.theme-filter-group{background:#0a0c11;border:1px solid #ffffff12;border-radius:11px;padding:3px;display:inline-flex}.theme-filter-group button{color:#848b98;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.theme-filter-group button.active{color:#f4f5f7;background:#262b35}.theme-browser-summary{color:#777f8d;margin-left:auto;font-size:12px}.theme-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 28px 30px;display:grid}.theme-set-card{background:linear-gradient(160deg,#ffffff0b,#ffffff04);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;min-width:0;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff09}.theme-set-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.theme-set-card-head strong{font-size:17px}.theme-set-card-head>div>span{color:#727a87;margin-top:4px;font-size:12px;display:block}.theme-set-title-row{align-items:center;gap:7px;display:flex}.theme-favorite-mark{color:#c9b95e;font-size:12px}.theme-favorite-button{color:#707785;cursor:pointer;background:#0d1015;border:1px solid #ffffff14;border-radius:10px;width:32px;height:32px}.theme-favorite-button.active{color:#e1cc65;background:#191812}.theme-layout-strip{background:#090b0f;border-radius:14px;align-items:flex-end;gap:9px;min-height:154px;margin:18px 0 12px;padding:13px;display:flex;overflow:hidden}.theme-layout-preview{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.theme-layout-canvas{background:#171a20;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000057}.theme-layout-preview span{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;color:#6f7784;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.theme-set-card>p{color:#8e95a1;margin:0 0 12px;font-size:13px;line-height:1.45}.theme-tag-row{flex-wrap:wrap;gap:6px;min-height:22px;margin-bottom:15px;display:flex}.theme-tag-row span{color:#737b88;text-transform:capitalize;background:#ffffff0d;border-radius:999px;padding:4px 7px;font-size:10px}.theme-apply-button{width:100%;margin-top:auto}.theme-empty{color:#8f97a4;border:1px dashed #ffffff1a;border-radius:18px;place-items:center;gap:6px;margin:30px;padding:56px;display:grid}.theme-empty strong{color:#d8dce3}.theme-state-card{background:#11151c;border:1px solid #ffffff12;border-radius:12px;gap:8px;padding:11px 12px;display:grid}.theme-state-card strong{font-size:13px}.theme-state-card span{color:#7e8795;font-size:11px}.theme-state-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.theme-layout-role{text-transform:capitalize;background:#7c5cff21;border-radius:999px;padding:3px 6px;color:#a99cff!important}.legacy-marketing-notice{color:#bda06f;background:#ecaa3c14;border:1px solid #ecaa3c29;border-radius:10px;padding:10px 11px;font-size:11px;line-height:1.4}.legacy-template-notice{color:#bda06f;background:#ecaa3c12;border:1px solid #ecaa3c29;border-radius:10px;gap:7px;padding:10px 11px;font-size:11px;line-height:1.4;display:grid}.legacy-template-notice strong{color:#d5b77f;font-size:11px}.legacy-template-notice span{color:#a88f68}.custom-template-compat{border-top:1px solid #ffffff0f;gap:8px;padding-top:10px;display:grid}@media (max-width:900px){.theme-set-grid{grid-template-columns:1fr}.theme-browser{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.theme-browser>header,.theme-set-grid,.theme-browser-toolbar{padding-left:18px;padding-right:18px}.theme-browser-summary{width:100%;margin-left:0}}:root{--ui-surface-0:#0a0c0f;--ui-surface-1:#0f1217;--ui-surface-2:#141820;--ui-surface-3:#1a1f28;--ui-line-soft:#fff1;--ui-line-strong:#ffffff1f;--ui-text-soft:#7d8693;--ui-accent:#8f7cff;--ui-accent-soft:#8f7cff1f}.topbar{background:#0b0d11f7;height:62px;padding:0 16px;box-shadow:0 1px #ffffff05,0 10px 35px #00000029}.studio-grid{grid-template-columns:238px minmax(0,1fr) 320px;height:calc(100vh - 62px)}.topbar-left{gap:7px;min-width:0}.topbar-actions{gap:6px}.project-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;max-width:220px;font-size:13px;font-weight:700;overflow:hidden}.status-dot{color:#69727e;border-left-color:#ffffff0f;max-width:210px;padding-left:8px;font-size:11px}.topbar-actions>button{min-height:34px;padding:7px 10px;font-size:12px}.topbar-actions>.icon-button{color:#808895;background:0 0;border-color:#0000;width:34px;min-width:34px;padding:0}.topbar-actions>.icon-button:hover:not(:disabled){color:#fff;background:#171b22}.topbar-actions>button:nth-of-type(7),.topbar-actions>button:nth-of-type(8){color:#666f7c;background:0 0;border-color:#0000;padding-inline:7px;font-size:11px}.topbar-actions>button:nth-of-type(7):hover,.topbar-actions>button:nth-of-type(8):hover{color:#b5bcc6;background:#151920}.topbar-actions>button:nth-of-type(9){margin-left:2px}.topbar-actions>button:nth-of-type(10){margin-left:4px}.topbar-actions>button:last-child{min-width:118px;box-shadow:0 7px 22px #ffffff14}.health-button{color:#7e8794;background:0 0!important;border-color:#0000!important}.health-button:hover{color:#c7ccd3;background:#161a21!important}.health-button.has-issues{color:#d3a05e}.screens-panel{background:#0e1115}.screens-panel .panel-title,.inspector .panel-title{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1217f5;min-height:46px;position:sticky;top:0}.panel-context{text-overflow:ellipsis;white-space:nowrap;color:#5f6875;letter-spacing:.03em;text-transform:none;max-width:122px;font-size:9px;font-weight:600;overflow:hidden}.screen-list{gap:8px;padding:9px}.screen-card{background:#0c0f13;border-color:#ffffff0b;border-radius:12px;padding:9px;transition:background .14s,border-color .14s,transform .14s,box-shadow .14s;position:relative}.screen-card:hover{background:#151920;border-color:#ffffff16;transform:translateY(-1px)}.screen-card.selected{box-shadow:inset 3px 0 0 var(--ui-accent), 0 7px 22px #00000029;background:linear-gradient(145deg,#8f7cff1f,#ffffff09);border-color:#8f7cff70}.screen-card.selected .screen-index{color:#d9d3ff;background:#8f7cff24}.screen-index{border:1px solid #ffffff0e}.screen-meta strong{color:#d9dde3}.screen-meta small{color:#68717e}.screen-actions{background:#0d1014;padding:9px}.add-screen{background:#13171d;border-color:#ffffff1a}.add-screen:hover:not(:disabled){color:#d7d2ff;background:#191e25;border-color:#8f7cff4d}.workspace{background:#090b0e}.canvas-stage{background-color:#090b0e;background-image:radial-gradient(circle at 50% 42%,#8f7cff0e,#0000 33%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;padding:34px}.canvas-scaler{filter:drop-shadow(0 26px 56px #00000038)}.story-strip{background:#0b0e12;gap:7px;height:96px;padding:9px 12px}.story-strip>button{opacity:.72;background:#10141a;border-radius:10px;min-width:66px;height:76px;padding:5px;transition:opacity .14s,border-color .14s,background .14s,transform .14s}.story-strip>button:hover{opacity:1;transform:translateY(-1px)}.story-strip>button.active{opacity:1;background:#8f7cff17;border-color:#8f7cff94;box-shadow:inset 0 0 0 1px #8f7cff14}.story-strip .story-thumb{transform:scale(.86)}.workspace-footer{color:#68717e;background:#0b0e12}.zoom-control{background:#11151b;border:1px solid #ffffff0d}.zoom-control button.active{background:#252b35}.inspector{background:#0f1217;padding-bottom:44px}.inspector-section{border-top:1px solid var(--ui-line-soft);margin:0;padding:16px 14px 17px}.inspector-section-first{border-top:0;padding-top:14px}.inspector .section-label{color:#747e8c;letter-spacing:.12em;padding:0 0 10px;font-size:9px}.inspector-section label{padding:10px 0 0}.inspector-section .field-row{gap:8px}.inspector textarea,.inspector select,.inspector .text-input{background:#0a0d11;border-color:#ffffff13;border-radius:9px;min-height:35px;margin-top:6px;transition:border-color .14s,box-shadow .14s,background .14s}.inspector textarea:hover,.inspector select:hover,.inspector .text-input:hover{background:#0c0f14;border-color:#ffffff1f}.inspector textarea:focus,.inspector select:focus,.inspector .text-input:focus{border-color:#8f7cff9e;box-shadow:0 0 0 3px #8f7cff14}.inspector textarea{min-height:78px;line-height:1.45}.inspector input[type=range]{accent-color:var(--ui-accent)}.inspector input[type=color]{background:#0a0d11;border:1px solid #ffffff12;height:36px;margin-top:6px}.inspector .advanced-hint{color:#68717d;margin:9px 0 0;line-height:1.5}.inspector-inline-action{margin-top:9px}.screenshot-picker{color:#c5bfff;background:#8f7cff0e;border-style:dashed;border-color:#8f7cff38;min-height:38px}.screenshot-picker:hover{background:#8f7cff18;border-color:#8f7cff61}.template-meta{border-top:1px solid var(--ui-line-soft);margin:0;padding:12px 14px}.template-story-hint{margin:9px 0 0}.theme-state-card{background:linear-gradient(145deg,#8f7cff14,#ffffff06);border-color:#8f7cff2e;gap:10px;padding:12px}.theme-state-row{align-items:flex-start}.theme-state-title{gap:3px;min-width:0;display:grid}.theme-state-title strong{color:#eef0f4;font-size:13px}.theme-state-title>span{text-overflow:ellipsis;white-space:nowrap;color:#87909d;font-size:11px;overflow:hidden}.theme-state-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.theme-state-actions .secondary{padding:6px 9px;font-size:11px}.theme-assignment-chip,.theme-layout-role{letter-spacing:.02em;text-transform:none;border-radius:999px;flex:none;padding:4px 7px;font-weight:750;font-size:9px!important}.theme-assignment-chip.automatic{color:#b7aeff;background:#8f7cff24}.theme-assignment-chip.manual{color:#edc082;background:#e09b481f}.theme-assignment-chip.neutral{color:#929aa5;background:#ffffff0f}.theme-layout-role{text-transform:capitalize;background:#ffffff0b;color:#777f8c!important}.inspector-disclosure{background:#0b0e12;border:1px solid #fff1;border-radius:9px;margin-top:11px}.inspector-disclosure summary{color:#7d8692;cursor:pointer;padding:9px 10px;font-size:10px;font-weight:700;list-style:none}.inspector-disclosure summary::-webkit-details-marker{display:none}.inspector-disclosure summary:after{content:"›";float:right;color:#59616c;transition:transform .14s}.inspector-disclosure[open] summary:after{transform:rotate(90deg)}.inspector-disclosure[open]{padding-bottom:10px}.inspector-disclosure .advanced-hint{padding:0 10px}.inspector-disclosure label{padding:8px 10px 0}.theme-browser{background:#0d1015;border-color:#ffffff1b}.theme-browser>header{padding-top:26px;padding-bottom:22px}.theme-browser>header h2{font-size:30px}.theme-browser-toolbar{background:#0d1015d6;gap:9px}.theme-filter-group{background:#080a0e}.theme-filter-group button{min-height:30px}.theme-filter-group button.active{background:#242a34;box-shadow:inset 0 0 0 1px #ffffff09}.theme-set-grid{gap:18px}.theme-set-card{background:linear-gradient(155deg,#ffffff0a,#ffffff03);border-color:#ffffff13;padding:17px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;position:relative}.theme-set-card:hover{background:linear-gradient(155deg,#ffffff0e,#ffffff04);border-color:#ffffff24;transform:translateY(-2px);box-shadow:0 18px 42px #0003}.theme-set-card.current{border-color:#8f7cff70;box-shadow:inset 0 0 0 1px #8f7cff14,0 18px 42px #0000002e}.theme-set-title-row{min-width:0}.theme-set-title-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-current-badge{color:#b8aeff;letter-spacing:.04em;text-transform:uppercase;background:#8f7cff24;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800}.theme-favorite-button{transition:background .14s,border-color .14s,color .14s}.theme-favorite-button:hover{color:#c5cbd3;border-color:#ffffff26}.theme-layout-strip{background:#080a0d;border:1px solid #ffffff0b;min-height:168px;margin-top:16px;padding:12px}.theme-layout-preview{gap:5px}.theme-layout-canvas{border-radius:7px;box-shadow:0 12px 28px #00000061}.theme-layout-preview>span{color:#8a929e;text-transform:none;margin-top:2px;font-size:9px;font-weight:700}.theme-layout-preview>small{color:#555e6b;text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:700}.theme-set-card>p{color:#858e9a;min-height:38px}.theme-tag-row{margin-bottom:13px}.theme-tag-row span{background:#12161c;border:1px solid #ffffff0a}.theme-apply-button{min-height:38px}.theme-set-card.current .theme-apply-button{color:#d6dae0;background:#252b35}.theme-set-card.current .theme-apply-button:hover{background:#2c333e}@media (max-width:1320px){.studio-grid{grid-template-columns:220px minmax(0,1fr) 296px}.topbar-actions>button{padding-inline:8px}.status-dot{max-width:120px}}.story-screen-group{border-radius:12px}.story-screen-group.selected{background:#ffffff05}.story-screen-select{width:100%}.story-layer-list{border-left:1px solid #ffffff12;gap:2px;margin:2px 7px 9px 34px;padding:5px 0 0 9px;display:grid}.story-layer-row{color:#7c8591;text-align:left;background:0 0;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;width:100%;min-height:27px;padding:4px 7px;font-size:10.5px;display:grid}.story-layer-row:hover,.story-layer-row.hovered{color:#d9dde3;background:#ffffff0b}.story-layer-row.selected{color:#d3cdff;background:#8d78ff21}.story-layer-icon{color:#646d79;text-align:center;font-size:10px}.story-layer-row.selected .story-layer-icon{color:#a99eff}.contextual-inspector{overflow-y:auto}.context-inspector-head{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1217f5;border-bottom:1px solid #ffffff12;gap:3px;padding:12px 14px 11px;display:grid;position:sticky;top:0}.context-inspector-head strong{color:#eef0f4;letter-spacing:-.015em;font-size:14px}.context-inspector-breadcrumb{color:#69727e;font-size:9.5px}.context-section{border-bottom:1px solid #ffffff0f;padding:15px 14px 17px}.context-section .section-label{color:#737d89;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;padding:0;font-size:9px;font-weight:760}.context-section label{color:#8e97a2;padding:9px 0 0;font-size:11px;font-weight:620;display:block}.context-section label>span{float:right;color:#69727d;font-weight:500}.context-section textarea,.context-section select,.context-section .text-input,.context-section input[type=number]{color:#eef0f3;box-sizing:border-box;background:#0a0d11;border:1px solid #ffffff13;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:8px 9px}.context-section textarea{resize:vertical;min-height:82px;line-height:1.45}.context-section input[type=range]{accent-color:#8d78ff;width:100%;margin-top:8px}.context-section input[type=color]{background:0 0;border:1px solid #ffffff12;border-radius:8px;width:100%;height:36px;margin-top:6px}.context-section .secondary.full{margin-top:2px}.context-help{color:#737c87;margin:0 0 10px;font-size:11px;line-height:1.5}.context-toggle{align-items:center;gap:8px;display:flex!important}.context-toggle input{accent-color:#8d78ff}.context-background-summary{gap:3px;margin-bottom:10px;display:grid}.context-background-summary strong{color:#e8ebef;font-size:12px}.context-background-summary span{color:#727b86;font-size:10.5px;line-height:1.4}.object-transform-section{background:#8d78ff06}.transform-number-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.transform-number-grid label{min-width:0;padding-top:0}.transform-number-grid input[type=number]{font-variant-numeric:tabular-nums;min-width:0}.transform-hint{color:#69727d;margin:10px 0;font-size:10px;line-height:1.45}html[data-editor-theme=light] .story-layer-list{border-left-color:#161c261a}html[data-editor-theme=light] .story-layer-row{color:#66707d}html[data-editor-theme=light] .story-layer-row:hover,html[data-editor-theme=light] .story-layer-row.hovered{color:#202630;background:#161c260d}html[data-editor-theme=light] .story-layer-row.selected{color:#5744b8;background:#6049d21a}html[data-editor-theme=light] .context-inspector-head{background:#f8f9fbf5;border-color:#161c2614}html[data-editor-theme=light] .context-inspector-head strong{color:#171c24}html[data-editor-theme=light] .context-section{border-color:#161c2614}html[data-editor-theme=light] .context-section textarea,html[data-editor-theme=light] .context-section select,html[data-editor-theme=light] .context-section .text-input,html[data-editor-theme=light] .context-section input[type=number]{color:#1a2029;background:#fff;border-color:#161c261f}html[data-editor-theme=light] .object-transform-section{background:#6049d206}: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 .topbar-actions::-webkit-scrollbar{display:none}.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}}:root{--app-bg:#090b0e;--app-panel:#0f1217;--app-panel-soft:#12161c;--app-surface:#151a21;--app-surface-hover:#1c222b;--app-input:#0a0d11;--app-line:#ffffff13;--app-line-strong:#ffffff21;--app-text:#eef0f3;--app-text-secondary:#a0a8b3;--app-muted:#717b88;--app-faint:#596370;--app-accent:#806cf2;--app-accent-soft:#806cf21f;--app-shadow:#00000047;--app-overlay:#030508b8}html[data-editor-theme=light]{--border:#161c261c;--muted:#69717d;--panel:#f7f8fa;--panel-2:#fff;--accent-ui:#6f58df;--ui-surface-0:#eef1f5;--ui-surface-1:#f7f8fa;--ui-surface-2:#fff;--ui-surface-3:#e9edf3;--ui-line-soft:#161c2617;--ui-line-strong:#161c2626;--ui-text-soft:#66707d;--ui-accent:#6f58df;--ui-accent-soft:#6f58df1a;--editor-bg:#eef1f5;--editor-panel:#f7f8fa;--editor-panel-raised:#fff;--editor-surface:#edf0f4;--editor-surface-hover:#e3e7ed;--editor-border:#161c2617;--editor-border-strong:#161c2626;--editor-text:#171b22;--editor-muted:#68717e;--editor-accent:#6f58df;--editor-accent-soft:#6f58df1a;--app-bg:#eef1f5;--app-panel:#f7f8fa;--app-panel-soft:#f1f3f6;--app-surface:#fff;--app-surface-hover:#f1f3f6;--app-input:#fff;--app-line:#161c2617;--app-line-strong:#161c2626;--app-text:#171b22;--app-text-secondary:#4f5966;--app-muted:#6d7682;--app-faint:#89919c;--app-accent:#6f58df;--app-accent-soft:#6f58df1a;--app-shadow:#202a3824;--app-overlay:#2d344057}html[data-editor-theme=light],html[data-editor-theme=light] body{color:var(--app-text);background:var(--app-bg)}.editor-appearance-switcher{z-index:900;border:1px solid var(--app-line-strong);background:color-mix(in srgb, var(--app-panel) 94%, transparent);color:var(--app-muted);box-shadow:0 10px 30px var(--app-shadow), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:fixed;bottom:14px;right:14px}.editor-appearance-switcher button{min-height:27px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.editor-appearance-switcher button:hover{color:var(--app-text);background:var(--app-surface-hover)}.editor-appearance-switcher button.active{background:var(--app-surface);color:var(--app-text);box-shadow:0 1px 3px var(--app-shadow), inset 0 0 0 1px var(--app-line)}.editor-appearance-switcher button:focus-visible{outline:2px solid color-mix(in srgb, var(--app-accent) 72%, transparent);outline-offset:2px}.gallery-backdrop~.editor-appearance-switcher{pointer-events:none}html[data-editor-theme=light] .app-shell{background:var(--app-bg);color:var(--app-text)}html[data-editor-theme=light] .app-shell .topbar{border-bottom-color:var(--app-line);background:#fafbfcf0;box-shadow:0 1px #141b260f,0 10px 30px #222b390d}html[data-editor-theme=light] .app-shell .topbar-actions{background:#161c2606;border-color:#161c2614;box-shadow:inset 0 1px #ffffffd1}html[data-editor-theme=light] .app-shell .project-title{color:#171b22}html[data-editor-theme=light] .app-shell .status-dot{color:#78818d;border-left-color:#161c2617}html[data-editor-theme=light] .app-shell .save-state{color:#66707c;background:#161c2609;border-color:#161c2614}html[data-editor-theme=light] .app-shell .topbar-actions .secondary,html[data-editor-theme=light] .app-shell .topbar-actions .icon-button{color:#59636f;background:#161c2609;border-color:#161c2614}html[data-editor-theme=light] .app-shell .topbar-actions .secondary:hover,html[data-editor-theme=light] .app-shell .topbar-actions .icon-button:hover:not(:disabled){color:#1b2028;background:#161c2613;border-color:#161c261f}html[data-editor-theme=light] .app-shell .topbar-actions .secondary.active-button{color:#5d49c8;background:#6f58df1a!important;border-color:#6f58df3d!important}html[data-editor-theme=light] .app-shell .topbar .ghost{color:#69727f}html[data-editor-theme=light] .app-shell .topbar .ghost:hover{color:#171b22;background:#161c260e}html[data-editor-theme=light] .app-shell .topbar .primary{color:#fff;background:#20242c;border-color:#20242c;box-shadow:0 3px 10px #20242c29}html[data-editor-theme=light] .app-shell .topbar .primary:hover{background:#11151b}html[data-editor-theme=light] .app-shell .health-button.has-issues{color:#9a651e;background:#b56f1614!important;border-color:#b56f1633!important}html[data-editor-theme=light] .app-shell .studio-grid{background:var(--app-bg)}html[data-editor-theme=light] .app-shell .sidebar{scrollbar-color:#161c2624 transparent;background:#f8f9fb}html[data-editor-theme=light] .app-shell .screens-panel,html[data-editor-theme=light] .app-shell .inspector{border-color:var(--app-line);box-shadow:none;background:#f8f9fb}html[data-editor-theme=light] .app-shell .panel-title{border-bottom-color:var(--app-line);color:#717a86;background:#f8f9fbf0}html[data-editor-theme=light] .app-shell .panel-title span:last-child{color:#68717d;background:#161c260d}html[data-editor-theme=light] .app-shell .panel-context{color:#838c97}html[data-editor-theme=light] .app-shell .screen-card{background:0 0;border-color:#0000}html[data-editor-theme=light] .app-shell .screen-card:hover{background:#eef1f5;border-color:#161c2612}html[data-editor-theme=light] .app-shell .screen-card.selected{box-shadow:inset 3px 0 0 var(--app-accent), 0 6px 18px #222b3914;background:linear-gradient(145deg,#6f58df1a,#fffc);border-color:#6f58df4d}html[data-editor-theme=light] .app-shell .screen-card .story-thumb{border-color:#161c261a;box-shadow:0 5px 16px #222b391f}html[data-editor-theme=light] .app-shell .screen-index{color:#79828d;background:#161c260b;border-color:#161c2614}html[data-editor-theme=light] .app-shell .screen-card.selected .screen-index{color:#5e49c9;background:#6f58df1a}html[data-editor-theme=light] .app-shell .screen-meta strong,html[data-editor-theme=light] .app-shell .screen-card.selected .screen-meta strong{color:#252b34}html[data-editor-theme=light] .app-shell .screen-meta small{color:#7b8490}html[data-editor-theme=light] .app-shell .screen-actions{border-top-color:var(--app-line);background:#f5f6f8}html[data-editor-theme=light] .app-shell .screen-actions .secondary,html[data-editor-theme=light] .app-shell .add-screen{color:#5f6874;background:#fff;border-color:#161c261a}html[data-editor-theme=light] .app-shell .add-screen:hover:not(:disabled){color:#5b47c2;background:#6f58df0f;border-color:#6f58df40}html[data-editor-theme=light] .app-shell .workspace{background:#e8ebf0;box-shadow:inset 1px 0 #161c260a,inset -1px 0 #161c260a}html[data-editor-theme=light] .app-shell .canvas-stage{background-color:#e8ebf0;background-image:radial-gradient(circle at 50% 42%,#6f58df11,#0000 35%),radial-gradient(circle,#232b371a 1px,#0000 1px);background-size:auto,18px 18px}html[data-editor-theme=light] .app-shell .canvas-scaler{filter:drop-shadow(0 22px 36px #2b344233)}html[data-editor-theme=light] .app-shell .canvas-scaler:hover{filter:drop-shadow(0 26px 42px #2b34423d)}html[data-editor-theme=light] .app-shell .canvas-scaler:after{border-color:#161c261f;box-shadow:inset 0 0 0 1px #ffffff2e}html[data-editor-theme=light] .app-shell .story-strip,html[data-editor-theme=light] .app-shell .workspace-footer{border-color:var(--app-line);background:#f5f6f8}html[data-editor-theme=light] .app-shell .story-strip>button{background:0 0}html[data-editor-theme=light] .app-shell .story-strip>button:hover{background:#161c260b}html[data-editor-theme=light] .app-shell .story-strip>button.active{background:#6f58df14;border-color:#6f58df4d}html[data-editor-theme=light] .app-shell .workspace-footer{color:#737d89}html[data-editor-theme=light] .app-shell .zoom-control{background:#fff;border-color:#161c2614}html[data-editor-theme=light] .app-shell .zoom-control button{color:#737d88}html[data-editor-theme=light] .app-shell .zoom-control button.active{color:#20262f;background:#e7eaf0}html[data-editor-theme=light] .app-shell .inspector-section,html[data-editor-theme=light] .app-shell .template-meta{border-color:var(--app-line)}html[data-editor-theme=light] .app-shell .inspector .section-label{color:#7a838f}html[data-editor-theme=light] .app-shell .inspector label{color:#616b78}html[data-editor-theme=light] .app-shell .inspector textarea,html[data-editor-theme=light] .app-shell .inspector select,html[data-editor-theme=light] .app-shell .inspector .text-input{color:#1c222b;background:#fff;border-color:#161c261c}html[data-editor-theme=light] .app-shell .inspector textarea:hover,html[data-editor-theme=light] .app-shell .inspector select:hover,html[data-editor-theme=light] .app-shell .inspector .text-input:hover{background:#fbfcfd;border-color:#161c262b}html[data-editor-theme=light] .app-shell .inspector input[type=color]{background:#fff;border-color:#161c261a}html[data-editor-theme=light] .app-shell .inspector .advanced-hint{color:#78818c}html[data-editor-theme=light] .app-shell .screenshot-picker{color:#5f4ac8;background:#6f58df0f;border-color:#6f58df33}html[data-editor-theme=light] .app-shell .screenshot-picker:hover{background:#6f58df1a;border-color:#6f58df4d}html[data-editor-theme=light] .app-shell .theme-state-card{background:linear-gradient(145deg,#6f58df13,#ffffffd1);border-color:#6f58df2b}html[data-editor-theme=light] .app-shell .theme-state-title strong{color:#20252e}html[data-editor-theme=light] .app-shell .theme-state-title>span{color:#707986}html[data-editor-theme=light] .app-shell .theme-assignment-chip.automatic{color:#604bc9;background:#6f58df1a}html[data-editor-theme=light] .app-shell .theme-assignment-chip.manual{color:#9c661f;background:#be771f1a}html[data-editor-theme=light] .app-shell .theme-assignment-chip.neutral,html[data-editor-theme=light] .app-shell .theme-layout-role{background:#161c260e;color:#6f7884!important}html[data-editor-theme=light] .app-shell .inspector-disclosure{background:#fff;border-color:#161c2617}html[data-editor-theme=light] .app-shell .inspector-disclosure summary{color:#67717d}html[data-editor-theme=light] .library-page{color:#171b22;background:radial-gradient(circle at 78% 7%,#6f58df1a,#0000 32%),#f3f5f8}html[data-editor-theme=light] .library-header{border-bottom-color:var(--app-line);background:#fafbfcb8}html[data-editor-theme=light] .library-hero>p{color:#626c79}html[data-editor-theme=light] .library-hero code{color:#38404a;background:#e7eaf0}html[data-editor-theme=light] .archive-note,html[data-editor-theme=light] .section-heading span{color:#7c8591!important}html[data-editor-theme=light] .empty-card,html[data-editor-theme=light] .project-card{color:#20262f;background:#fff;border-color:#161c261a;box-shadow:0 8px 28px #232c3a0d}html[data-editor-theme=light] .empty-card p,html[data-editor-theme=light] .project-card span{color:#747e8a}html[data-editor-theme=light] .project-card:hover{border-color:#161c262e;box-shadow:0 12px 30px #232c3a17}html[data-editor-theme=light] .gallery-backdrop{background:var(--app-overlay)}html[data-editor-theme=light] .theme-browser,html[data-editor-theme=light] .advanced-panel,html[data-editor-theme=light] .brand-panel,html[data-editor-theme=light] .health-panel{color:#1b2028;background:#f8f9fb;border-color:#161c2621;box-shadow:0 36px 100px #1f283633}html[data-editor-theme=light] .theme-browser>header,html[data-editor-theme=light] .advanced-panel>header,html[data-editor-theme=light] .brand-panel>header,html[data-editor-theme=light] .health-panel>header{border-color:var(--app-line);background:#f8f9fbf0}html[data-editor-theme=light] .theme-browser>header p,html[data-editor-theme=light] .advanced-panel>header p,html[data-editor-theme=light] .brand-panel>header p,html[data-editor-theme=light] .health-panel>header p{color:#6f7884}html[data-editor-theme=light] .theme-browser-toolbar{border-color:var(--app-line);background:#f2f4f7}html[data-editor-theme=light] .theme-filter-group{background:#e7eaf0;border-color:#161c2614}html[data-editor-theme=light] .theme-filter-group button{color:#65707c}html[data-editor-theme=light] .theme-filter-group button.active{color:#1d232c;background:#fff;box-shadow:0 1px 4px #1c243014}html[data-editor-theme=light] .theme-browser-summary{color:#7c8590}html[data-editor-theme=light] .theme-set-card{background:#fff;border-color:#161c2617;box-shadow:0 8px 24px #232c3a0d}html[data-editor-theme=light] .theme-set-card:hover{background:#fff;border-color:#161c2629;box-shadow:0 16px 34px #232c3a1a}html[data-editor-theme=light] .theme-set-card.current{border-color:#6f58df57;box-shadow:inset 0 0 0 1px #6f58df0f,0 12px 30px #232c3a14}html[data-editor-theme=light] .theme-set-card-head>div>span,html[data-editor-theme=light] .theme-set-card>p{color:#66707d}html[data-editor-theme=light] .theme-current-badge{color:#5c47c6;background:#6f58df1a}html[data-editor-theme=light] .theme-favorite-button{color:#7e8792;background:#f4f5f7;border-color:#161c2617}html[data-editor-theme=light] .theme-favorite-button.active{color:#a87916;background:#fff8df}html[data-editor-theme=light] .theme-layout-strip{background:#eef1f4;border-color:#161c2612}html[data-editor-theme=light] .theme-layout-preview>span{color:#5e6874}html[data-editor-theme=light] .theme-layout-preview>small{color:#8a929d}html[data-editor-theme=light] .theme-tag-row span{color:#68727e;background:#161c260e}html[data-editor-theme=light] .theme-set-card .theme-apply-button,html[data-editor-theme=light] .advanced-panel .primary,html[data-editor-theme=light] .brand-panel .primary,html[data-editor-theme=light] .health-panel .primary,html[data-editor-theme=light] .library-page .primary{color:#fff;background:#20242c;border-color:#20242c}html[data-editor-theme=light] .advanced-body,html[data-editor-theme=light] .brand-panel-body,html[data-editor-theme=light] .health-body{background:#f8f9fb}html[data-editor-theme=light] .advanced-section,html[data-editor-theme=light] .brand-section,html[data-editor-theme=light] .quality-section,html[data-editor-theme=light] .health-help,html[data-editor-theme=light] .shortcut-help{background:#fff;border-color:#161c2617}html[data-editor-theme=light] .advanced-section h3,html[data-editor-theme=light] .brand-section h3,html[data-editor-theme=light] .quality-section-head strong,html[data-editor-theme=light] .health-help strong,html[data-editor-theme=light] .shortcut-help strong{color:#303741}html[data-editor-theme=light] .advanced-section p,html[data-editor-theme=light] .advanced-section label,html[data-editor-theme=light] .brand-section label,html[data-editor-theme=light] .release-section p,html[data-editor-theme=light] .health-help span,html[data-editor-theme=light] .shortcut-help span,html[data-editor-theme=light] .quality-note{color:#68727f}html[data-editor-theme=light] .advanced-section select,html[data-editor-theme=light] .advanced-section .text-input,html[data-editor-theme=light] .brand-section select,html[data-editor-theme=light] .brand-section .text-input{color:#1d232b;background:#fff;border-color:#161c261c}html[data-editor-theme=light] .advanced-panel>footer,html[data-editor-theme=light] .health-panel>footer{border-color:var(--app-line);color:#707a86;background:#f2f4f7}html[data-editor-theme=light] .quality-check{background:#f7f8fa;border-color:#161c2614}html[data-editor-theme=light] .quality-check strong,html[data-editor-theme=light] .quality-theme-row-head strong{color:#343b45}html[data-editor-theme=light] .quality-check p,html[data-editor-theme=light] .quality-theme-row-head span,html[data-editor-theme=light] .quality-progress>div:first-child{color:#707a86}html[data-editor-theme=light] .quality-fixture-tabs button{color:#68727e;background:#f2f4f7;border-color:#161c2617}html[data-editor-theme=light] .quality-fixture-tabs button.active{color:#4436a1;background:#6f58df14;border-color:#6f58df40}html[data-editor-theme=light] .quality-preview-canvas{border-color:#161c261a;box-shadow:0 7px 18px #232c3a1a}html[data-editor-theme=light] .health-index{color:#946321;background:#f0f2f5}html[data-editor-theme=light] .health-item p{color:#85683f}html[data-editor-theme=light] .health-empty strong{color:#38764c}html[data-editor-theme=light] .health-empty span{color:#587e64}html[data-editor-theme=light] kbd{color:#3b434d;background:#eef0f3;border-color:#161c2621 #161c2621 #161c2633;box-shadow:0 1px #161c260d}html[data-editor-theme=light] .library-page .secondary,html[data-editor-theme=light] .theme-browser .secondary,html[data-editor-theme=light] .advanced-panel .secondary,html[data-editor-theme=light] .brand-panel .secondary,html[data-editor-theme=light] .health-panel .secondary,html[data-editor-theme=light] .theme-browser .icon-button,html[data-editor-theme=light] .advanced-panel .icon-button,html[data-editor-theme=light] .brand-panel .icon-button,html[data-editor-theme=light] .health-panel .icon-button{color:#56606d;background:#fff;border-color:#161c261a}html[data-editor-theme=light] .library-page .secondary:hover,html[data-editor-theme=light] .theme-browser .secondary:hover,html[data-editor-theme=light] .advanced-panel .secondary:hover,html[data-editor-theme=light] .brand-panel .secondary:hover,html[data-editor-theme=light] .health-panel .secondary:hover,html[data-editor-theme=light] .theme-browser .icon-button:hover,html[data-editor-theme=light] .advanced-panel .icon-button:hover,html[data-editor-theme=light] .brand-panel .icon-button:hover,html[data-editor-theme=light] .health-panel .icon-button:hover{color:#1d232c;background:#eef1f5}@media (max-width:980px){.editor-appearance-switcher{bottom:10px;right:10px}.editor-appearance-switcher button{padding-inline:7px}}.background-browser-backdrop{z-index:1200}.background-browser{border:1px solid var(--ui-line-strong,#ffffff1f);background:var(--ui-surface-1,#0f1217);border-radius:22px;flex-direction:column;width:min(1180px,100vw - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 40px 120px #00000073}.background-browser>header{border-bottom:1px solid var(--ui-line-soft,#ffffff12);justify-content:space-between;gap:24px;padding:24px 26px 20px;display:flex}.background-browser>header h2{letter-spacing:-.03em;margin:4px 0 6px;font-size:28px}.background-browser>header p{max-width:720px;color:var(--ui-text-soft,#7d8693);margin:0;font-size:13px;line-height:1.5}.background-browser-toolbar{border-bottom:1px solid var(--ui-line-soft,#ffffff12);align-items:center;gap:12px;padding:12px 18px;display:flex}.background-browser-toolbar>span{color:var(--ui-text-soft,#7d8693);margin-left:auto;font-size:11px}.background-group-tabs{flex-wrap:wrap;gap:5px;display:flex}.background-group-tabs button{color:var(--ui-text-soft,#7d8693);background:0 0;border-radius:999px;padding:6px 9px;font-size:11px}.background-group-tabs button:hover{background:#7f7f7f14}.background-group-tabs button.active{background:var(--ui-accent-soft,#8f7cff1f);color:var(--ui-accent,#8f7cff)}.background-browser-body{grid-template-columns:minmax(0,1fr) 270px;min-height:0;display:grid;overflow:hidden}.background-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;padding:18px;display:grid;overflow:auto}.background-preset-card{text-align:left;border:1px solid var(--ui-line-soft,#ffffff12);background:#7f7f7f06;border-radius:14px;min-width:0;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;overflow:hidden}.background-preset-card:hover{border-color:var(--ui-line-strong,#ffffff21);transform:translateY(-1px);box-shadow:0 10px 28px #0000001f}.background-preset-card.selected{border-color:#8f7cff85;box-shadow:inset 0 0 0 1px #8f7cff1a}.background-preset-preview{background-color:var(--shot-background);border-bottom:1px solid var(--ui-line-soft,#ffffff12);height:118px}.background-preset-card>div:last-child{justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;display:flex}.background-preset-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.background-preset-card span{color:var(--ui-text-soft,#7d8693);text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:9px}.background-controls{border-left:1px solid var(--ui-line-soft,#ffffff12);background:#7f7f7f06;min-height:0;padding:16px;overflow:auto}.background-selected-preview{border:1px solid var(--ui-line-soft,#ffffff12);border-radius:14px;height:168px;box-shadow:0 15px 36px #00000029}.background-selected-copy{gap:5px;padding:13px 1px 3px;display:grid}.background-selected-copy strong{font-size:14px}.background-selected-copy span{color:var(--ui-text-soft,#7d8693);font-size:11px;line-height:1.45}.background-controls label{color:var(--ui-text-soft,#7d8693);padding:12px 0 0;font-size:10px;font-weight:700;display:block}.background-controls label>span{float:right;font-weight:500}.background-controls input[type=range]{width:100%;accent-color:var(--ui-accent,#8f7cff);margin-top:8px}.background-seed-row{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px;display:grid}.background-seed-row button{border:1px solid var(--ui-line-soft,#ffffff12);height:28px;color:var(--ui-text-soft,#7d8693);background:#7f7f7f09;border-radius:7px;font-size:10px}.background-seed-row button.active{background:var(--ui-accent-soft,#8f7cff1f);color:var(--ui-accent,#8f7cff);border-color:#8f7cff6b}.background-colors{color:var(--ui-text-soft,#7d8693);gap:12px;padding:14px 0;font-size:10px;display:flex}.background-colors span{align-items:center;gap:6px;display:flex}.background-colors i{border:1px solid #7f7f7f2e;border-radius:50%;width:14px;height:14px}.background-controls>.primary{margin-top:4px}.background-inline{border:1px solid var(--ui-line-soft,#ffffff12);background:#7f7f7f06;border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:7px;padding:8px;display:grid}.background-inline-preview{border:1px solid var(--ui-line-soft,#ffffff12);border-radius:7px;width:48px;height:38px}.background-inline-copy{gap:2px;min-width:0;display:grid}.background-inline-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.background-inline-copy span{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-soft,#7d8693);font-size:9px;overflow:hidden}.background-inline .secondary{padding:6px 8px;font-size:10px}@media (max-width:900px){.background-browser-body{grid-template-columns:1fr}.background-controls{border-left:0;border-top:1px solid var(--ui-line-soft,#ffffff12)}.background-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.background-selected-preview{height:120px}}.editor-menubar{grid-template-columns:minmax(220px,auto) 1fr auto;align-items:center;gap:14px;display:grid;height:var(--editor-toolbar-height,46px)!important;min-height:var(--editor-toolbar-height,46px)!important;background:#101318fa!important;border-bottom:1px solid #ffffff13!important;padding:0 10px!important;overflow:visible!important;box-shadow:0 1px #0000008c,0 8px 22px #00000024!important}.editor-menubar-identity,.editor-menubar-menus,.editor-menubar-export{align-items:center;min-width:0;display:flex}.editor-menubar-identity{gap:7px}.editor-menubar-menus{justify-content:flex-start;gap:1px}.editor-menubar-export{justify-content:flex-end;gap:8px}.editor-menubar-back{color:#9aa2ad;background:0 0;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;font-size:22px;line-height:1;display:grid}.editor-menubar-back:hover{color:#f2f4f7;background:#ffffff0e}.editor-menubar-project{text-overflow:ellipsis;white-space:nowrap;color:#eef1f4;letter-spacing:-.01em;max-width:180px;font-size:12px;font-weight:720;overflow:hidden}.editor-menubar-save{color:#747d89;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:10px;display:inline-flex}.editor-menubar-save i{background:#66707b;border-radius:999px;width:6px;height:6px}.editor-menubar-save.saved i{background:#62a77e}.editor-menubar-save.dirty i{background:#d7a454}.editor-menubar-save.saving i{background:#8f7cff;box-shadow:0 0 0 3px #8f7cff1a}.editor-menubar-save.error{color:#d38678}.editor-menubar-save.error i{background:#d86e61}.editor-menubar-issues{color:#d6a15d;background:#dea04d14;border:1px solid #dea04d38;border-radius:999px;min-height:24px;padding:3px 7px;font-size:10px;font-weight:700}.editor-menubar-issues:hover{background:#dea04d21}.editor-menu{position:relative}.editor-menu-trigger{color:#a1a8b2;background:0 0;border-radius:6px;min-height:27px;padding:4px 8px;font-size:11px;font-weight:560}.editor-menu-trigger:hover,.editor-menu-trigger.active{color:#f1f3f5;background:#fff1}.editor-menu-popover{z-index:200;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#1a1e25fb;border:1px solid #ffffff1a;border-radius:10px;min-width:230px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 18px 45px #0000006b,inset 0 1px #ffffff06}.editor-menu-popover.align-right{left:auto;right:0}.editor-menu-item{color:#d8dce2;text-align:left;background:0 0;border-radius:6px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:30px;padding:5px 8px;font-size:11px;display:grid}.editor-menu-item:hover:not(:disabled){color:#fff;background:#6658cf}.editor-menu-item:disabled{color:#646c76;opacity:.58}.editor-menu-item.danger{color:#e59b91}.editor-menu-check{color:currentColor;text-align:center;width:18px;font-size:11px}.editor-menu-item kbd{color:#7f8792;background:0 0;border:0;padding:0;font-family:inherit;font-size:10px}.editor-menu-item:hover:not(:disabled) kbd{color:#ffffffc2}.editor-menu-separator{background:#ffffff13;height:1px;margin:4px 6px}.editor-menubar-progress{color:#7f8792;font-variant-numeric:tabular-nums;font-size:10px}.editor-export-trigger{color:#101318;background:#f1f3f5;border:1px solid #ffffff8c;border-radius:8px;align-items:center;gap:7px;min-height:30px;padding:5px 11px;font-size:11px;font-weight:740;display:inline-flex;box-shadow:0 2px 9px #0000003d,inset 0 1px #ffffffe6}.editor-export-trigger:hover:not(:disabled),.editor-export-trigger.active{background:#fff}.editor-export-trigger span{color:#66707b;font-size:10px}html[data-editor-theme=light] .editor-menubar{background:#f9fafcfa!important;border-bottom-color:#161c261a!important;box-shadow:0 1px #161c260a,0 7px 20px #161c260f!important}html[data-editor-theme=light] .editor-menubar-project{color:#171b21}html[data-editor-theme=light] .editor-menubar-save{color:#68717d}html[data-editor-theme=light] .editor-menubar-back,html[data-editor-theme=light] .editor-menu-trigger{color:#59626e}html[data-editor-theme=light] .editor-menubar-back:hover,html[data-editor-theme=light] .editor-menu-trigger:hover,html[data-editor-theme=light] .editor-menu-trigger.active{color:#171b21;background:#161c2611}html[data-editor-theme=light] .editor-menu-popover{background:#fafbfcfc;border-color:#161c261f;box-shadow:0 18px 45px #161c2629,inset 0 1px #fffc}html[data-editor-theme=light] .editor-menu-item{color:#242a32}html[data-editor-theme=light] .editor-menu-item:disabled{color:#9aa1aa}html[data-editor-theme=light] .editor-menu-item:hover:not(:disabled){color:#fff;background:#6658cf}html[data-editor-theme=light] .editor-menu-separator{background:#161c2617}html[data-editor-theme=light] .editor-export-trigger{color:#fff;box-shadow:none;background:#191d23;border-color:#191d23}html[data-editor-theme=light] .editor-export-trigger:hover:not(:disabled),html[data-editor-theme=light] .editor-export-trigger.active{background:#080a0d}html[data-editor-theme=light] .editor-export-trigger span{color:#aab1ba}@media (max-width:1180px){.editor-menubar{grid-template-columns:minmax(180px,auto) 1fr auto;gap:8px}.editor-menubar-project{max-width:130px}.editor-menubar-save{display:none}.editor-menu-trigger{padding-inline:6px}}@media (max-width:980px){.editor-menubar{grid-template-columns:minmax(120px,auto) 1fr auto}.editor-menubar-project{max-width:90px}.editor-menubar-issues{display:none}.editor-menu-trigger{padding-inline:5px;font-size:10.5px}}.app-shell{--editor-toolbar-height:46px;height:100vh;grid-template-rows:var(--editor-toolbar-height) minmax(0, 1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.app-shell .topbar{height:var(--editor-toolbar-height);min-height:0}.app-shell .studio-grid{height:auto;min-height:0;overflow:hidden}.app-shell .studio-grid>*{min-height:0}.app-shell .workspace,.app-shell .screens-panel{min-height:0;overflow:hidden}.app-shell .screen-list,.app-shell .inspector{min-height:0;overflow-y:auto}.app-shell .canvas-stage{min-height:0;overflow:auto}.app-shell .workspace-footer{flex:none}