.save-status{position:relative;min-width:118px;display:flex;align-items:center;gap:7px;color:#958b8e}.save-status>i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#746b6e}.save-status>span:not(.save-progress){display:grid;gap:2px}.save-status strong{color:#bfb5b8;font-size:9px;font-weight:620}.save-status small{color:#6e6568;font:7px Consolas,monospace}.save-status.is-dirty>i{background:#e7a24d;box-shadow:0 0 8px #e7a24d66}.save-status.is-saved>i,.save-status.is-clean>i{background:#66d59c}.save-status.is-conflict>i,.save-status.is-failed>i,.save-status.is-disconnected>i{background:#ef4a55;box-shadow:0 0 8px #ef4a5566}.save-status.is-compiling>i,.save-status.is-uploading>i,.save-status.is-waiting-server>i{background:#ff5963;animation:save-pulse 1s ease-in-out infinite}.save-progress{position:absolute;right:0;bottom:-8px;left:13px;height:1px;overflow:hidden;background:#2c2427}.save-progress i{display:block;height:100%;background:#e23a46;transition:width .15s}.save-dialog-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;background:#020203dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.save-dialog{width:min(530px,100%);border:1px solid #56353b;border-radius:12px;padding:28px;color:#f2ebed;background:#110e0f;box-shadow:0 34px 110px #000}.save-dialog-signal{width:34px;height:34px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #80343c;border-radius:50%;color:#ff6570;background:#261316;font:700 15px Consolas,monospace}.save-dialog-kicker{color:#ef4a55;font:700 8px Consolas,monospace;letter-spacing:.16em}.save-dialog h2{margin:8px 0 9px;font:620 24px Bahnschrift,sans-serif}.save-dialog>p{margin:0;color:#92878a;font-size:11px;line-height:1.65}.conflict-actions,.recovery-dialog-actions{display:grid;gap:8px;margin-top:23px}.save-action{min-height:40px;border:1px solid #3c3033;border-radius:7px;cursor:pointer;font-size:10px;font-weight:700}.save-action.primary{border-color:#ee4c57;color:#fff;background:linear-gradient(135deg,#de3541,#ad222d)}.save-action.secondary{color:#d3c9cc;background:#181315}.save-action.danger{border-color:transparent;color:#d36c73;background:transparent}.force-replacement{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;border-top:1px solid #302629;padding-top:16px}.force-replacement strong{color:#d8cdd0;font-size:9px}.force-replacement p{margin:4px 0 0;color:#756b6e;font-size:8px;line-height:1.5}.force-replacement button{flex:0 0 auto;min-height:32px;border:1px solid #71323a;border-radius:6px;color:#f08a91;background:#241316;cursor:pointer;font-size:8px}.recovery-dialog-summary{display:flex;justify-content:space-between;margin-top:19px;border-left:2px solid #e23a46;padding:10px 12px;background:#191214}.recovery-dialog-summary span{color:#776d70;font:8px Consolas,monospace}.recovery-dialog-summary strong{color:#d1c7ca;font-size:9px}.save-dialog .leave-project-offline{margin-top:14px;border-left:2px solid #d9913c;padding:9px 11px;color:#b9aa9c;background:#21170f}.save-dialog .save-dialog-error{margin-top:14px;border-left:2px solid #ef4a55;padding:9px 11px;color:#f2a0a6;background:#251216}.save-action:disabled,.force-replacement button:disabled{opacity:.42;cursor:not-allowed}@keyframes save-pulse{50%{opacity:.35;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.save-status>i{animation:none!important}}.design-workspace{width:100%;height:100%;min-width:0;min-height:0;display:grid}.design-workspace.has-local-layers{grid-template-columns:240px minmax(0,1fr)}.layers-panel{min-width:0;min-height:0;overflow:auto;border-right:1px solid var(--studio-line);background:var(--studio-panel)}.layers-search{display:block;padding:10px 12px;border-bottom:1px solid var(--studio-line)}.layers-search input{width:100%;height:32px;border:1px solid #30282B;border-radius:6px;padding:0 10px;color:var(--studio-ivory);background:var(--studio-field);font-size:10px}.layers-tree,.layers-tree ul{margin:0;padding:0;list-style:none}.layers-tree{padding:7px 0 20px}.layer-row{height:34px;display:grid;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;padding-left:calc(6px + var(--layer-depth) * 13px);border-left:2px solid transparent}.layer-row:hover{background:#181416}.layer-row.is-selected{border-left-color:var(--studio-accent);background:#28181b}.layer-select{min-width:0;height:100%;display:flex;align-items:center;gap:7px;border:0;color:#a69da0;background:transparent;cursor:pointer;text-align:left}.layer-select>span{min-width:0;display:flex;flex:1;align-items:center;justify-content:space-between;gap:6px}.layer-select strong{overflow:hidden;font-size:10px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.layer-select small{color:#665f61;font:8px ui-monospace,monospace;text-transform:uppercase}.layer-row.is-selected .layer-select{color:#f6eff1}.layer-row.is-selected .layer-select svg{color:var(--studio-accent)}.layer-toggle{width:24px;height:24px;border:0;color:#625b5d;background:transparent;cursor:pointer;font-size:8px}.layer-toggle:hover{color:#d9d0d3}.layers-tree .is-hidden>.layer-row{opacity:.48}.component-library{min-width:0;min-height:0;overflow:auto;color:var(--studio-ivory);background:var(--studio-panel)}.component-library-hint{margin:0;padding:12px;border-bottom:1px solid var(--studio-line);color:#8f8588;font-size:9px;line-height:1.5}.component-library-grid{display:grid;gap:7px;padding:10px}.component-library-grid button{min-width:0;min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;border:1px solid #302629;border-radius:6px;padding:7px 8px;color:#bfb4b7;background:#151113;cursor:grab;text-align:left}.component-library-grid button:hover{border-color:#7b3037;color:#fff6f7;background:#211417;box-shadow:inset 2px 0 #c92f3a}.component-library-grid button:active{cursor:grabbing}.component-library-grid button>svg{color:#e94a56}.component-library-grid button>span{min-width:0;display:grid;gap:2px}.component-library-grid strong{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.component-library-grid small{overflow:hidden;color:#756d70;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.component-library-grid b{color:#8b7c80;font:500 14px ui-monospace,monospace;text-align:center}.canvas-surface{min-width:0;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);background:#090809}.canvas-commandbar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--studio-line);color:#746d6f;background:#0d0b0c;font:8px ui-monospace,monospace}.canvas-commandbar>span{display:flex;align-items:center;gap:7px}.canvas-commandbar i{width:6px;height:6px;border-radius:50%;background:var(--studio-success)}.canvas-commandbar div{display:flex;align-items:center;gap:9px}.canvas-commandbar button{height:24px;border:1px solid #30282B;border-radius:5px;padding:0 8px;color:#a9a0a3;background:#171315;cursor:pointer;font-size:9px}.canvas-viewport{min-height:0;overflow:hidden;display:grid;place-items:center;padding:42px;background-color:#0a090a;background-image:linear-gradient(45deg,#100E0F 25%,transparent 25%),linear-gradient(-45deg,#100E0F 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#100E0F 75%),linear-gradient(-45deg,transparent 75%,#100E0F 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.minecraft-stage-wrap{width:min(100%,calc((100vh - 170px)*1.7778));transform-origin:center;transition:transform .12s ease-out}.canvas-viewport.is-solid{background:#111012;background-image:none}.minecraft-stage{position:relative;width:100%;overflow:hidden;border:1px solid #3B3033;background:transparent;box-shadow:0 0 0 8px #050405,0 28px 90px #000c;-webkit-user-select:none;user-select:none;touch-action:none}.canvas-node{position:absolute;z-index:2;display:grid;place-items:center;overflow:visible;min-width:1px;min-height:1px;cursor:default;font-family:ui-monospace,Consolas,monospace;line-height:1}.canvas-node>span:not(.slot-placeholder){max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;pointer-events:none}.canvas-node-image img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;pointer-events:none}.image-placeholder{color:#806e72;font-size:8px;letter-spacing:.12em}.canvas-node.is-selected{z-index:10;outline:2px solid var(--studio-accent);outline-offset:2px;box-shadow:0 0 0 1px #090708,0 0 20px #ff4d5744}.canvas-node.is-selected:before{content:attr(data-testid);position:absolute;left:-2px;bottom:calc(100% + 6px);padding:3px 5px;border-radius:3px;color:#fff;background:var(--studio-forge);font:7px ui-monospace,monospace;white-space:nowrap}.canvas-node.is-container{outline:1px dashed #6A555B;outline-offset:-1px}.canvas-node.is-container:hover{outline-color:#b1444e;background-color:#c92f3a08}.canvas-node.is-container.is-selected{outline:2px solid #EF4A55;outline-offset:2px}.canvas-node.is-container.is-selected:before{display:none}.container-toolbar{position:absolute;z-index:20;top:-31px;left:50%;height:29px;display:flex;overflow:hidden;border:1px solid #FF6B74;border-bottom:0;border-radius:7px 7px 0 0;background:#c92f3a;box-shadow:0 -8px 24px #0008,0 0 16px #c92f3a40;transform:translate(-50%);pointer-events:auto}.container-toolbar button{width:30px;height:29px;display:grid;place-items:center;border:0;border-right:1px solid #9F222C;padding:0;color:#fff8f9;background:transparent;cursor:pointer;font:600 17px/1 ui-monospace,monospace}.container-toolbar button:last-child{border-right:0}.container-toolbar button:hover{background:#ef4a55}.container-toolbar .container-drag{cursor:grab}.container-toolbar .container-drag:active{cursor:grabbing}.container-drag>span{width:13px;height:13px;display:block;background:radial-gradient(circle,currentColor 1.3px,transparent 1.6px) 0 0 / 6px 6px;pointer-events:none}.container-empty-zone{position:absolute;z-index:4;inset:9px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed #76656A;color:#a79b9e;background:#100d0e42;pointer-events:none}.canvas-node.is-selected .container-empty-zone{border-color:#c65b64;background:#c92f3a0b}.container-empty-actions{display:flex;gap:6px;pointer-events:auto}.container-empty-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3B3033;border-radius:50%;padding:0;color:#f5ecee;background:#211b1d;box-shadow:0 4px 12px #0007;cursor:pointer;font:600 18px/1 ui-monospace,monospace}.container-empty-actions button:hover{border-color:#ef4a55;background:#c92f3a}.container-empty-zone em{color:#908387;font-size:clamp(6px,1.1vw,10px);font-style:normal;white-space:nowrap}.container-library-button>span{position:relative;width:13px;height:9px;display:block;border-radius:2px;background:currentColor;pointer-events:none}.container-library-button>span:before{content:"";position:absolute;top:-3px;left:1px;width:6px;height:4px;border-radius:2px 2px 0 0;background:currentColor}.canvas-resize-value{position:absolute;z-index:12;right:-2px;bottom:-26px;border-radius:3px;padding:4px 6px;color:#fff;background:#c92f3a;font:700 8px ui-monospace,monospace;white-space:nowrap;pointer-events:none}.canvas-surface.is-presenting .container-toolbar,.canvas-surface.is-presenting .container-empty-zone{display:none}.canvas-surface.is-presenting .canvas-commandbar>span{color:#d7cccf}.canvas-surface.is-presenting .canvas-commandbar>span:after{content:"MODE PRÉSENTATION";margin-left:8px;color:var(--studio-accent);letter-spacing:.12em}.canvas-surface.is-presenting .canvas-node{pointer-events:none}.slot-placeholder{width:58%;height:58%;border:1px solid #ffffff2a;background:#04050688;pointer-events:none}.canvas-resize-handle{position:absolute;z-index:3;right:-7px;bottom:-7px;width:13px;height:13px;border:2px solid #080608;border-radius:2px;padding:0;background:var(--studio-accent);cursor:nwse-resize;pointer-events:auto!important}.canvas-drop-layer{position:absolute;z-index:40;inset:0;overflow:hidden;pointer-events:none}.canvas-drop-target{position:absolute;border:2px dashed #FF4558;background:#c92f3a12;box-shadow:inset 0 0 0 1px #070506,0 0 22px #c92f3a28}.canvas-drop-target:before{content:"ZONE DE DÉPÔT";position:absolute;top:-18px;left:-2px;padding:3px 6px;border-radius:3px 3px 0 0;color:#fff5f6;background:#c92f3a;font:700 7px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.canvas-drop-line{position:absolute;border-radius:999px;background:#ff4558;box-shadow:0 0 0 1px #12070a,0 0 14px #ff455899}.canvas-drop-cell{position:absolute;border:2px solid #FF4558;background:#c92f3a30;box-shadow:inset 0 0 24px #c92f3a2e,0 0 16px #ff455866}.canvas-drop-empty{position:absolute;display:grid;place-items:center;border:2px dashed #FF4558;color:#fff5f6;background:#c92f3a18;font:700 9px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.canvas-drag-ghost{position:absolute;display:grid;place-items:center;overflow:hidden;outline:2px solid #FF4558;outline-offset:2px;color:#fff;box-shadow:0 0 22px #ff455866;font-family:ui-monospace,Consolas,monospace}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;color:#a79ea1;background:#090708cc;font-size:11px}.canvas-empty-guide{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;color:#82787b;pointer-events:none}.canvas-empty-guide>span{position:relative;width:74px;height:48px;border:1px dashed #654047;background:#160e10a8}.canvas-empty-guide>span:before,.canvas-empty-guide>span:after{content:"";position:absolute;top:23px;width:6px;height:6px;border-radius:50%;background:#d43a45;box-shadow:0 0 10px #d43a4577}.canvas-empty-guide>span:before{left:-4px}.canvas-empty-guide>span:after{right:-4px}.canvas-empty-guide>span i{position:absolute;width:7px;height:7px;border:1px solid #8A5059;background:#29171b}.canvas-empty-guide>span i:nth-child(1){left:12px;top:10px}.canvas-empty-guide>span i:nth-child(2){right:12px;top:10px}.canvas-empty-guide>span i:nth-child(3){left:33px;bottom:8px}.canvas-empty-guide strong{color:#c8bec1;font-size:12px;font-weight:650}.canvas-empty-guide small{font-size:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.design-workspace.has-local-layers{grid-template-columns:1fr}.design-workspace.has-local-layers .layers-panel{display:none}.canvas-viewport{padding:20px}}.editor-inspector{height:100%;min-height:0;display:flex;flex-direction:column;background:#0e0c0d}.inspector-tabs{position:sticky;z-index:4;top:0;height:50px;flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;padding:0 10px;border-bottom:1px solid #292326;background:#0c0a0b}.inspector-tabs button{position:relative;height:49px;border:0;color:#777073;background:transparent;cursor:pointer;font-size:10px;font-weight:650}.inspector-tabs button:after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:2px 2px 0 0;background:transparent}.inspector-tabs button:hover{color:#d5cccf}.inspector-tabs button[aria-selected=true]{color:#fff7f8}.inspector-tabs button[aria-selected=true]:after{background:var(--studio-accent);box-shadow:0 0 12px #ff4d5766}.inspector-scroll{min-height:0;flex:1;overflow:auto;scrollbar-color:#4A292E transparent;scrollbar-width:thin}.selection-summary{display:grid;gap:5px;padding:17px 15px 14px;border-bottom:1px solid #241F21;background:linear-gradient(145deg,#161113,#0e0c0d)}.selection-summary span{color:var(--studio-accent);font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.selection-summary strong{overflow:hidden;color:#f0e9eb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.selection-summary code{color:#71696c;font-size:9px}.property-group{display:grid;gap:10px;padding:15px;border-bottom:1px solid #241F21}.property-group h3{margin:0 0 3px;color:#c9c0c3;font-size:10px;font-weight:650}.property-help{margin:0;color:#6f676a;font-size:9px;line-height:1.55}.asset-import-button{height:34px;border:1px dashed #63343A;border-radius:6px;color:#d8c8cb;background:#1b1214;cursor:pointer;font-size:9px}.asset-import-button:hover:not(:disabled){border-color:var(--studio-accent);background:#271519}.asset-import-button:disabled{opacity:.45;cursor:wait}.asset-import-error{margin:0;color:#ff747d;font-size:9px;line-height:1.45}.inspector-field{min-width:0;display:grid;grid-template-columns:minmax(86px,.8fr) minmax(0,1.25fr);align-items:center;gap:9px;color:#898184;font-size:9px}.inspector-field>:first-child{overflow:hidden;color:#898184;text-overflow:ellipsis;white-space:nowrap}.inspector-field input:not([type=color]),.inspector-field select,.inspector-field textarea,.field-control{min-width:0;width:100%;border:1px solid #2B2527;border-radius:6px;color:#d8d0d2;background:#171416;font:9px/1.35 ui-monospace,Consolas,monospace;outline:none}.inspector-field input:not([type=color]),.inspector-field select{height:31px;padding:0 8px}.inspector-field textarea{min-height:66px;resize:vertical;padding:8px}.inspector-field input:focus,.inspector-field select:focus,.inspector-field textarea:focus,.field-control:focus-within{border-color:#a7333b;box-shadow:0 0 0 2px #ff4d5718}.inspector-field input[readonly]{color:#6f686a;background:#111012}.field-control{height:31px;display:flex;align-items:center;overflow:hidden}.field-control input:not([type=color]){height:29px;flex:1;border:0;background:transparent;box-shadow:none}.field-unit{flex:0 0 auto;padding-right:8px;color:#675f62;font:8px ui-monospace,monospace}.number-unit.is-invalid input,.color-field.is-invalid input{color:#ff8189}.number-unit.is-invalid .field-control,.color-field.is-invalid .field-control{border-color:#c92f3a}.color-swatch{width:22px;height:22px;flex:0 0 22px;margin-left:4px;overflow:hidden;border:1px solid #40373A;border-radius:4px;padding:0;background:transparent;cursor:pointer}.toggle-field{height:29px;display:flex;align-items:center;justify-content:space-between;color:#91898c;cursor:pointer;font-size:9px}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{position:relative;width:30px;height:16px;border:1px solid #3B3436;border-radius:99px;background:#1c181a}.toggle-field i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#746c6f;transition:transform .14s,background .14s}.toggle-field input:checked+i{border-color:#893139;background:#36191d}.toggle-field input:checked+i:after{background:var(--studio-accent);transform:translate(14px)}.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-column-fields .inspector-field{grid-template-columns:1fr;gap:5px}.state-switch{position:sticky;z-index:3;top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:9px 10px;border-bottom:1px solid #241F21;background:#0e0c0df2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.state-switch button{min-width:0;height:27px;overflow:hidden;border:1px solid transparent;border-radius:5px;color:#726b6d;background:#151214;cursor:pointer;font-size:8px;text-overflow:ellipsis}.state-switch button:hover{color:#d3cace}.state-switch button[aria-selected=true]{border-color:#6d2b31;color:#ffecef;background:#2b171a}.state-note{height:31px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #211D1F;color:#6f686a;font:8px ui-monospace,monospace}.state-note i{width:5px;height:5px;border-radius:50%;background:var(--studio-accent);box-shadow:0 0 7px #ff4d5766}.inspector-section{border-bottom:1px solid #241F21}.inspector-section>button{width:100%;height:39px;display:flex;align-items:center;justify-content:space-between;border:0;padding:0 14px;color:#a79ea1;background:#100e0f;cursor:pointer;font-size:10px;font-weight:620;text-align:left}.inspector-section>button:hover{color:#f0e8ea;background:#151113}.inspector-section>button i{color:#645c5f;font-style:normal;transition:transform .14s}.inspector-section.is-open>button{color:#f1e9eb}.inspector-section.is-open>button i{color:var(--studio-accent);transform:rotate(180deg)}.inspector-section-body{display:grid;gap:11px;padding:13px 14px 15px;background:#0d0b0c}.segmented-field,.box-field{min-width:0;margin:0;border:0;padding:0}.segmented-field legend,.box-field legend{margin-bottom:7px;color:#898184;font-size:9px}.segmented-field>div{display:flex;overflow:hidden;border:1px solid #2B2527;border-radius:6px}.segmented-field button{min-width:0;height:29px;flex:1;border:0;border-right:1px solid #2B2527;color:#716a6c;background:#151214;cursor:pointer;font-size:8px}.segmented-field button:last-child{border-right:0}.segmented-field button[aria-pressed=true]{color:#ffeff1;background:#382025;box-shadow:inset 0 -2px var(--studio-accent)}.layout-field{min-width:0;display:grid;gap:8px;margin:0;border:0;padding:0}.layout-field>legend{color:#9b9194;font-size:9px}.layout-field-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.layout-field-options button{min-width:0;min-height:48px;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:6px;border:1px solid #30282B;border-radius:6px;padding:6px;color:#857c7f;background:#151214;cursor:pointer;text-align:left}.layout-field-options button:hover:not(:disabled){border-color:#7c3037;color:#f3e9eb;background:#211518}.layout-field-options button[aria-pressed=true]{border-color:#a83a43;color:#fff4f5;background:#32191d;box-shadow:inset 2px 0 var(--studio-accent),0 0 12px #ff4d5715}.layout-field-options button:disabled{opacity:.45;cursor:not-allowed}.layout-field-options i{display:grid;place-items:center;color:#d74651;font: 15px ui-monospace,monospace}.layout-field-options span{min-width:0;display:grid;gap:2px}.layout-field-options strong{font-size:9px}.layout-field-options small{overflow:hidden;color:#70676a;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.layout-mixed-note,.layout-inferred-note{margin:0;padding:8px;border-left:2px solid #7C3037;color:#8d8386;background:#181214;font-size:8px;line-height:1.45}.layout-mixed-note{border-left-color:var(--studio-accent);color:#cfbfc2}.box-field>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.box-field .inspector-field{grid-template-columns:1fr;gap:4px}.gradient-field{min-width:0;display:grid;gap:9px;margin:0;border:0;padding:0}.gradient-field>legend{margin-bottom:1px;color:#898184;font-size:9px}.gradient-preview{height:25px;border:1px solid #3A3033;border-radius:5px;box-shadow:inset 0 0 0 1px #0005}.gradient-stops{display:grid;gap:7px}.gradient-stop{display:grid;gap:6px;padding:8px;border:1px solid #282225;border-radius:6px;background:#121012}.gradient-stop-actions,.gradient-actions{display:flex;justify-content:flex-end;gap:5px}.gradient-stop-actions button,.gradient-actions button{height:24px;border:1px solid #352B2E;border-radius:5px;padding:0 7px;color:#a49b9e;background:#191416;cursor:pointer;font-size:8px}.gradient-stop-actions button:disabled,.gradient-actions button:disabled{opacity:.35;cursor:not-allowed}.gradient-actions{justify-content:space-between}.advanced-warning{padding:9px;border-left:2px solid #A62F38;color:#746c6f;background:#181214;font-size:8px;line-height:1.45}.advanced-warning strong,.advanced-warning span{display:block}.advanced-warning strong{margin-bottom:3px;color:#cfc6c9}.custom-css-field{display:grid;grid-template-columns:1fr;gap:6px}.custom-css-field textarea{white-space:pre}.override-card{display:grid;gap:5px;padding:9px;border:1px solid #713139;border-radius:6px;color:#e9cdd1;background:#28171a}.override-card strong{font-size:8px}.override-card code{color:#ff9299;font-size:8px}.generated-css{margin:12px;overflow:hidden;border:1px solid #292326;border-radius:7px;background:#090809}.generated-css>summary{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#8d8588;cursor:pointer;font-size:8px;list-style:none}.generated-css>summary::-webkit-details-marker{display:none}.generated-css[open]>summary{border-bottom:1px solid #242022}.generated-css small{color:#5f585a;font-size:7px}.generated-css pre{max-height:112px;overflow:auto;margin:0;padding:9px;color:#a9868b;font:7px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap}.editor-inspector>.layers-panel{flex:1;border-right:0;background:transparent}.editor-inspector>.layers-panel .tool-drawer-header{display:none}@media(max-width:1100px){.inspector-field{grid-template-columns:minmax(72px,.75fr) minmax(0,1fr)}}.project-home{--home-void: #070708;--home-surface: #0e0c0d;--home-plate: #151113;--home-line: #2b2326;--home-red: #e23a46;--home-hot: #ff5963;position:relative;width:100%;height:100%;overflow:auto;color:#f4efed;background:var(--home-void);font-family:Segoe UI Variable,Segoe UI,sans-serif}.project-home-grid{position:fixed;inset:65px 0 28px;pointer-events:none;opacity:.28;background-image:linear-gradient(#1c1719 1px,transparent 1px),linear-gradient(90deg,#1c1719 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.project-home:before{content:"";position:fixed;z-index:0;top:65px;bottom:28px;left:max(24px,calc((100vw - 1180px)/2));width:2px;background:linear-gradient(var(--home-hot),#5d171d 42%,transparent);box-shadow:0 0 22px #e23a4655}.project-home-topbar{position:sticky;z-index:10;top:0;height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #2c2427;background:#090809f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-brand{display:flex;align-items:center;gap:11px}.home-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--home-red);box-shadow:0 0 28px #e23a4640;font:800 17px/1 Bahnschrift Condensed,sans-serif;transform:skew(-4deg)}.home-brand>span:last-child{display:flex;align-items:baseline;gap:8px}.home-brand strong{font:700 18px/1 Bahnschrift,sans-serif;letter-spacing:-.04em}.home-brand small{color:var(--home-hot);font:700 9px/1 Consolas,monospace;letter-spacing:.18em}.server-presence{display:flex;align-items:center;gap:10px}.server-presence>i{width:7px;height:7px;border-radius:50%;background:#66d59c;box-shadow:0 0 12px #66d59c}.server-presence>i.is-error{background:var(--home-red);box-shadow:0 0 12px #e23a46}.server-presence>span{display:grid;gap:3px;text-align:right}.server-presence small,.home-kicker{color:#a49a9d;font:700 9px/1 Consolas,monospace;letter-spacing:.16em}.server-presence strong{color:#e6dfe1;font-size:11px;font-weight:600}.project-home-content{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));min-height:calc(100% - 93px);margin:0 auto;padding:72px 0 80px 28px}.project-home-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:35px;border-bottom:1px solid var(--home-line)}.project-home-hero h1{margin:10px 0 9px;font:660 clamp(34px,5vw,58px)/.98 "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:-.035em}.project-home-hero p{max-width:620px;margin:0;color:#958b8e;font-size:13px;line-height:1.6}.home-button{min-height:38px;border:1px solid #3b3033;border-radius:7px;padding:0 15px;cursor:pointer;font-size:11px;font-weight:700;transition:border-color .14s,background .14s,transform .14s}.home-button:hover:not(:disabled){transform:translateY(-1px)}.home-button:disabled{opacity:.38;cursor:not-allowed}.home-button.primary{border-color:#f0515b;color:#fff;background:linear-gradient(135deg,#e23a46,#b72330);box-shadow:0 10px 28px #ad202a30}.home-button.secondary{color:#d7ced0;background:#151113}.home-button.secondary:hover{border-color:#685258;background:#21191c}.home-button.quiet{min-height:auto;border:0;padding:0;color:var(--home-hot);background:transparent}.create-project{height:44px;padding:0 19px;white-space:nowrap}.create-project span{margin-right:7px;font-size:16px}.project-toolbar{display:flex;gap:10px;margin:24px 0 30px}.project-import-error{margin:-20px 0 24px;border-left:2px solid var(--home-red);padding:9px 11px;color:#ff7b84;background:#210f13;font-size:10px}.project-search{flex:1;height:40px;display:flex;align-items:center;gap:9px;border:1px solid #2d2528;border-radius:7px;padding:0 12px;color:#746a6d;background:#0d0b0c}.project-search:focus-within{border-color:#765057;box-shadow:0 0 0 3px #e23a4612}.project-search input{width:100%;border:0;outline:0;color:#eee7e9;background:transparent;font-size:11px}.button-file-extension{color:var(--home-hot);font-family:Consolas,monospace}.home-state{min-height:350px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #382d31;border-radius:12px;padding:52px;background:#0c0a0bba;text-align:center}.home-state h2{margin:8px 0 0;font:600 21px Bahnschrift,sans-serif}.home-state p{max-width:490px;margin:0 0 10px;color:#8f8588;font-size:12px;line-height:1.6}.empty-blueprint{position:relative;width:82px;height:62px;border:1px solid #55383d;background:#171012;box-shadow:inset 0 0 0 5px #0d0a0b}.empty-blueprint:before,.empty-blueprint:after{content:"";position:absolute;background:var(--home-red)}.empty-blueprint:before{width:7px;height:7px;left:-4px;top:27px;border-radius:50%;box-shadow:78px 0 var(--home-red)}.empty-blueprint:after{width:43px;height:1px;left:19px;top:30px;opacity:.7}.empty-blueprint span{position:absolute;width:8px;height:8px;border:1px solid #87515a;background:#211519}.empty-blueprint span:nth-child(1){left:13px;top:12px}.empty-blueprint span:nth-child(2){right:13px;top:12px}.empty-blueprint span:nth-child(3){left:36px;bottom:10px}.home-loader{width:24px;height:24px;border:2px solid #3a2c30;border-top-color:var(--home-hot);border-radius:50%;animation:home-spin .8s linear infinite}.state-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #7e3038;border-radius:50%;color:var(--home-hot);font:700 16px Consolas,monospace}.home-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 2px 13px}.home-section-title h2{margin:0;font:600 15px Bahnschrift,sans-serif}.home-section-title>span{color:#746a6d;font:10px Consolas,monospace}.project-list{display:grid;gap:8px}.project-card{position:relative;border:1px solid #2b2326;border-radius:9px;overflow:hidden;background:#0e0c0d}.project-card:hover{border-color:#50363b}.project-card-open{width:100%;min-height:94px;display:grid;grid-template-columns:104px 1fr auto 28px;align-items:center;gap:18px;border:0;padding:11px 16px 11px 11px;color:inherit;background:transparent;cursor:pointer;text-align:left}.project-card-runtime{grid-template-columns:104px 1fr auto;cursor:default}.project-card-runtime code{color:#d6b36a;font:9px Consolas,monospace}.project-card-preview{position:relative;width:104px;height:70px;overflow:hidden;border:1px solid #3c3033;border-radius:6px;background:#080708}.project-card-preview:before{content:"";position:absolute;inset:10px;border:1px solid #43272c}.project-card-preview i{position:absolute;height:5px;border-radius:1px;background:#492228}.project-card-preview i:nth-child(1){width:54px;left:24px;top:20px}.project-card-preview i:nth-child(2){width:24px;left:24px;top:33px}.project-card-preview i:nth-child(3){width:36px;left:42px;top:45px;background:#c5323d}.project-card-preview.is-hud:before{inset:17px 9px auto;height:18px}.project-card-preview.is-hud i:nth-child(3){left:12px;top:50px;width:80px;height:2px}.project-card-copy{min-width:0;display:grid;gap:10px}.project-card-heading{display:flex;align-items:center;gap:9px}.project-card-heading strong{overflow:hidden;color:#eee8e6;font:600 14px Bahnschrift,sans-serif;text-overflow:ellipsis;white-space:nowrap}.project-card-heading em{border:1px solid #3d3034;border-radius:4px;padding:3px 6px;color:#9f9396;background:#171214;font: 8px Consolas,monospace;text-transform:uppercase}.project-card-meta{display:flex;gap:17px;color:#756c6f;font:9px Consolas,monospace}.project-compatibility{border:1px solid #294739;border-radius:999px;padding:5px 8px;color:#72c99d;background:#102219;font:8px Consolas,monospace;text-transform:uppercase}.project-compatibility.is-migration{border-color:#5b4524;color:#d9ad5f;background:#261d0e}.project-card-arrow{color:var(--home-hot);font-size:19px;transition:transform .14s}.project-card-open:hover .project-card-arrow{transform:translate(3px)}.project-card-delete{position:absolute;z-index:2;top:8px;right:8px;width:27px;height:27px;border:1px solid #573239;border-radius:6px;color:#c88b92;background:#191012;cursor:pointer;font:18px/1 sans-serif}.project-card-delete:hover{border-color:#d83a45;color:#fff1f2;background:#351317}.project-delete-backdrop{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:20px;background:#020203dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-delete-dialog{width:min(520px,100%);border:1px solid #71343b;border-radius:12px;padding:28px;color:#f2ebed;background:#110e0f;box-shadow:0 34px 110px #000}.project-delete-dialog h2{margin:8px 0 9px;font:620 24px Bahnschrift,sans-serif}.project-delete-dialog>p{color:#92878a;line-height:1.6}.project-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.home-button.danger{border-color:#92343d;color:#fff1f2;background:#8f2630}.home-button.danger:hover{background:#b72f3b}.project-no-results{padding:40px;border:1px dashed #33282c;color:#807679;text-align:center}.recovery-section{margin-top:44px;padding-top:28px;border-top:1px solid var(--home-line)}.recovery-section .home-section-title div{display:grid;gap:7px}.recovery-section .home-section-title p{margin:0;color:#746b6e;font-size:10px}.recovery-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.recovery-list button{min-height:66px;display:grid;grid-template-columns:12px 1fr auto 16px;align-items:center;gap:10px;border:1px solid #30272a;border-radius:8px;padding:10px 12px;color:#d9d1d3;background:#100d0e;cursor:pointer;text-align:left}.recovery-list button:hover{border-color:#5c3a40;background:#171113}.recovery-list button>span:nth-child(2){display:grid;gap:4px}.recovery-list strong{font-size:11px}.recovery-list small,.recovery-list time{color:#766c6f;font:8px Consolas,monospace}.recovery-pulse{width:7px;height:7px;border-radius:50%;background:var(--home-red);box-shadow:0 0 10px #e23a46}.project-home-footer{position:fixed;z-index:10;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid #251f21;color:#6e6568;background:#090809;font:8px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.project-home-footer span:first-child{display:flex;align-items:center;gap:7px}.project-home-footer i{width:5px;height:5px;border-radius:50%;background:#66d59c}.new-project-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#020203d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.new-project-dialog{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #493239;border-radius:12px;padding:26px;background:#100d0f;box-shadow:0 34px 110px #000,0 0 0 1px #e23a4612}.new-project-dialog>header{padding-bottom:20px;border-bottom:1px solid #2d2427}.new-project-dialog h2{margin:8px 0 6px;font:620 26px Bahnschrift,sans-serif}.new-project-dialog header p{margin:0;color:#8d8386;font-size:11px;line-height:1.55}.new-project-dialog form{display:grid;gap:20px;padding-top:20px}.new-project-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.new-project-dialog label,.new-project-dialog legend{color:#a69b9e;font-size:10px;font-weight:650}.new-project-dialog label{display:grid;gap:7px}.new-project-dialog input{height:38px;border:1px solid #352b2e;border-radius:6px;padding:0 10px;color:#f0e9eb;background:#191416;outline:0}.new-project-dialog input:focus{border-color:#a63a44;box-shadow:0 0 0 3px #e23a4612}.new-project-dialog label small{color:#6f6669;font:8px Consolas,monospace}.mode-choice,.viewport-fields{margin:0;border:0;padding:0}.mode-choice legend,.viewport-fields legend{margin-bottom:9px}.mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-choice legend{grid-column:1 / -1}.mode-choice label{position:relative;display:block;border:1px solid #33292c;border-radius:7px;padding:12px;background:#151113;cursor:pointer}.mode-choice label.is-selected{border-color:#9d3741;background:#211215;box-shadow:inset 3px 0 var(--home-red)}.mode-choice input{position:absolute;opacity:0}.mode-choice label span{display:grid;gap:4px}.mode-choice strong{color:#eee6e8;font-size:11px}.mode-choice small{color:#7c7275;font-size:9px;font-weight:400}.viewport-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.viewport-fields legend{grid-column:1 / -1}.viewport-fields>span{padding-bottom:11px;color:#665b5e}.project-identity-preview{display:flex;justify-content:space-between;gap:16px;border-left:2px solid var(--home-red);padding:10px 12px;background:#181113}.project-identity-preview span{color:#7f7477;font:8px Consolas,monospace}.project-identity-preview strong{color:#d8ced1;font:9px Consolas,monospace;text-transform:uppercase}.new-project-error{margin:0;color:#ff6a74;font-size:10px}.new-project-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}@keyframes home-spin{to{transform:rotate(360deg)}}@media(max-width:680px){.project-home-content{width:calc(100% - 28px);padding-left:14px;padding-top:44px}.project-home-hero{align-items:stretch;flex-direction:column}.project-toolbar{flex-wrap:wrap}.project-search{flex-basis:100%}.project-card-open{grid-template-columns:74px 1fr 20px}.project-card-preview{width:74px}.project-compatibility{display:none}.new-project-fields,.mode-choice{grid-template-columns:1fr}.mode-choice legend{grid-column:1}.project-identity-preview{align-items:flex-start;flex-direction:column}.server-presence{display:none}}@media(prefers-reduced-motion:reduce){.home-loader{animation-duration:2s}.home-button,.project-card-arrow{transition:none}}.diagnostics-backdrop{position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:20px;background:#020203d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.diagnostics-dialog{width:min(660px,100%);max-height:min(720px,calc(100vh - 40px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #4a3035;border-radius:13px;color:#eee6e8;background:#100d0e;box-shadow:0 34px 110px #000}.diagnostics-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid #292225}.diagnostics-dialog>header span{color:#ef4a55;font:700 8px Consolas,monospace;letter-spacing:.16em}.diagnostics-dialog h2{margin:7px 0 0;font-size:22px}.diagnostics-dialog>header button{width:31px;height:31px;border:1px solid #382c2f;border-radius:6px;color:#a99da0;background:#171315;cursor:pointer;font-size:19px}.diagnostics-summary{display:flex;gap:22px;padding:12px 26px;border-bottom:1px solid #242023;color:#766d70;font:8px Consolas,monospace;text-transform:uppercase}.diagnostics-summary strong{margin-right:5px;color:#ded5d7;font-size:11px}.diagnostics-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;color:#7e7477}.diagnostics-empty i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #315848;border-radius:50%;color:#70d3a3;background:#102019;font-style:normal}.diagnostics-empty strong{color:#d6cdcf;font-size:12px}.diagnostics-empty span{font-size:9px}.diagnostics-list{min-height:0;overflow:auto;display:grid;gap:8px;margin:0;padding:14px;list-style:none}.diagnostics-list li{display:grid;gap:7px;border:1px solid #342a2d;border-left:3px solid #d99a46;border-radius:7px;padding:12px 14px;background:#171315}.diagnostics-list li.is-error{border-left-color:#ef4a55}.diagnostics-list li>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.diagnostics-list li>div span{color:#d68b92;font:700 8px Consolas,monospace;text-transform:uppercase}.diagnostics-list code{color:#756d70;font-size:8px}.diagnostics-list li>strong{color:#d8cfd1;font-size:10px;line-height:1.5}.diagnostics-list small{color:#71686b;font:8px Consolas,monospace}:root{color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-synthesis:none;--studio-carbon: #070708;--studio-panel: #101012;--studio-ember: #21191B;--studio-forge: #C92F3A;--studio-accent: #FF4D57;--studio-ivory: #F3EFEC;--studio-ash: #8D8588;--studio-line: #2A2426;--studio-raised: #171315;--studio-field: #191617;--studio-success: #75D5A6}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--studio-ivory);background:var(--studio-carbon)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.studio-shell{width:100%;height:100%;display:grid;grid-template-columns:58px 264px minmax(420px,1fr) 336px;grid-template-rows:58px minmax(0,1fr) 28px;grid-template-areas:"top top top top" "rail drawer workspace inspector" "rail status status status";color:var(--studio-ivory);background:var(--studio-carbon)}.studio-shell.is-preview{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "workspace" "status"}.studio-shell.is-preview .studio-toolrail,.studio-shell.is-preview .studio-drawer,.studio-shell.is-preview .studio-inspector{display:none}.studio-shell.is-preview .studio-topbar{grid-template-columns:230px minmax(0,1fr) auto}.studio-shell.is-preview .workspace-switch,.studio-shell.is-preview .topbar-actions>*{display:none}.studio-shell.is-preview .topbar-actions .preview-button{display:inline-flex}.studio-topbar{grid-area:top;z-index:20;display:grid;grid-template-columns:230px minmax(160px,1fr) auto minmax(390px,1fr);align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--studio-line);background:#0b0a0b;box-shadow:0 10px 30px #0008}.studio-brand{display:flex;align-items:center;gap:10px}.studio-brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--studio-forge);transform:rotate(45deg);box-shadow:0 0 18px #c92f3a33}.studio-brand-mark span{width:12px;height:12px;border:2px solid white;border-radius:3px}.studio-brand div{display:flex;align-items:baseline;gap:7px}.studio-brand strong{font-size:17px;letter-spacing:-.03em}.studio-brand div span{color:var(--studio-accent);font:700 9px/1 ui-monospace,monospace;letter-spacing:.16em}.project-title{min-width:0;display:flex;align-items:center;gap:10px;color:#c7c0c2}.project-back{position:relative;width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #302A2C;border-radius:6px;padding:0;color:#8f8588;background:#141113;cursor:pointer}.project-back:hover{border-color:#6a353c;color:#f1e8ea;background:#241519}.project-back[data-tooltip]:after{left:0;top:calc(100% + 8px);transform:translateY(-4px)}.project-back[data-tooltip]:hover:after,.project-back[data-tooltip]:focus-visible:after{transform:translateY(0)}.project-title span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-title small{color:#6f686a;font:10px ui-monospace,monospace;white-space:nowrap}.workspace-switch{justify-self:center;display:flex;height:34px;padding:3px;border:1px solid #2D2729;border-radius:8px;background:#080708}.workspace-switch button{min-width:92px;border:0;border-radius:5px;color:var(--studio-ash);background:transparent;cursor:pointer;font-size:11px;font-weight:650}.workspace-switch button[aria-selected=true]{color:#fff;background:var(--studio-forge);box-shadow:0 3px 12px #c92f3a33}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:6px}.topbar-actions button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #302A2C;border-radius:6px;padding:0 10px;background:#151214;cursor:pointer;font-size:10px}.topbar-actions button:hover:not(:disabled){border-color:#57474b;background:#20191c}.topbar-actions button:disabled{opacity:.32;cursor:not-allowed}.topbar-actions .icon-button{width:32px;padding:0}.topbar-actions .diagnostics-button{color:#aea5a8}.diagnostics-button span{min-width:14px;color:#ddd6d8;font:9px ui-monospace,monospace}.topbar-actions .preview-button{color:#d9d2d4}.topbar-actions .save-button{border-color:#633038;color:#f2dfe2;background:#241418;font-weight:700}.topbar-actions .save-button:hover:not(:disabled){border-color:#c33d48;background:#35171c}.topbar-actions .export-button{border-color:#e34550;color:#fff;background:var(--studio-forge);font-weight:700}.topbar-actions .export-button:hover{border-color:var(--studio-accent);background:#e13a45}.studio-toolrail{grid-area:rail;z-index:10;display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 8px;border-right:1px solid var(--studio-line);background:#0a090a}.studio-toolrail button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#766e71;background:transparent;cursor:pointer}.studio-toolrail button:hover{color:#d9d2d4;background:#171315}.studio-toolrail button[aria-pressed=true]{border-color:#4d2a2f;color:var(--studio-accent);background:#26171a;box-shadow:inset 3px 0 var(--studio-accent)}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:100;left:calc(100% + 10px);top:50%;padding:6px 8px;border:1px solid #382E31;border-radius:5px;color:#e8e1e3;background:#151113;box-shadow:0 8px 24px #000a;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity .12s,transform .12s}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%)}.topbar-actions [data-tooltip]:after{left:auto;right:0;top:calc(100% + 8px);transform:translateY(-4px)}.topbar-actions [data-tooltip]:hover:after,.topbar-actions [data-tooltip]:focus-visible:after{transform:translateY(0)}.studio-drawer{grid-area:drawer;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--studio-line);background:var(--studio-panel)}.studio-workspace{grid-area:workspace;min-width:0;min-height:0;overflow:hidden;background:#0a090a}.studio-inspector{grid-area:inspector;min-width:0;min-height:0;overflow:auto;border-left:1px solid var(--studio-line);background:var(--studio-panel)}.studio-statusbar{grid-area:status;display:flex;align-items:center;gap:18px;padding:0 12px;border-top:1px solid var(--studio-line);color:#736c6e;background:#0a090a;font:9px ui-monospace,monospace;letter-spacing:.04em}.status-ready{display:flex;align-items:center;gap:7px;color:#a49b9e}.status-ready i{width:6px;height:6px;border-radius:50%;background:var(--studio-success);box-shadow:0 0 8px #75d5a677}.status-spacer{flex:1}.tool-drawer-header,.inspector-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--studio-line)}.tool-drawer-header h2,.inspector-header h2{margin:0;font-size:12px;font-weight:650}.tool-drawer-header span{color:#6f686a;font:9px ui-monospace,monospace}.placeholder-list{display:grid;gap:7px;padding:12px}.placeholder-list button{display:flex;align-items:center;gap:9px;height:38px;border:1px solid #292326;border-radius:7px;padding:0 11px;color:#a49b9e;background:#151214;text-align:left}.workspace-placeholder{width:100%;height:100%;display:grid;place-items:center;background-color:#0b0a0b;background-image:linear-gradient(#1A1517 1px,transparent 1px),linear-gradient(90deg,#1A1517 1px,transparent 1px);background-size:22px 22px}.workspace-placeholder-card{width:min(520px,72%);padding:34px;border:1px solid #33292C;border-radius:14px;background:#100d0fcc;box-shadow:0 24px 80px #0008;text-align:center}.workspace-placeholder-card span{color:var(--studio-accent);font:9px ui-monospace,monospace;letter-spacing:.14em}.workspace-placeholder-card h1{margin:10px 0 8px;font-size:24px}.workspace-placeholder-card p{margin:0;color:var(--studio-ash);font-size:12px;line-height:1.6}.inspector-empty{padding:18px 16px;color:var(--studio-ash);font-size:11px;line-height:1.6}@media(max-width:1100px){.studio-shell{grid-template-columns:54px 224px minmax(360px,1fr) 300px}.studio-topbar{grid-template-columns:180px minmax(100px,1fr) auto auto;gap:10px}.preview-button{font-size:0!important;padding:0 8px!important}}@media(max-width:900px){.studio-shell{grid-template-columns:52px minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) 28px;grid-template-areas:"top top" "rail workspace" "rail status"}.studio-topbar{grid-template-columns:150px 1fr auto}.project-title,.studio-drawer,.studio-inspector,.topbar-actions .preview-button,.topbar-actions .diagnostics-button{display:none}.workspace-switch button{min-width:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.cloud-gate{position:relative;min-height:100%;display:grid;place-items:center;overflow:hidden;padding:32px;color:var(--studio-ivory);background:radial-gradient(circle at 50% 35%,#391217 0,#16090b 34%,#070708 70%)}.cloud-gate-grid{position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(#c92f3a10 1px,transparent 1px),linear-gradient(90deg,#c92f3a10 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.cloud-gate-card{position:relative;width:min(620px,100%);min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 54px 34px;border:1px solid #51262a;border-radius:18px;text-align:center;background:linear-gradient(155deg,#151012f5,#09090af8);box-shadow:0 36px 100px #000c,inset 0 1px #ffffff0a}.cloud-gate-card:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:3px;border-radius:18px 0 0 18px;background:var(--studio-forge);box-shadow:0 0 26px #c92f3a88}.cloud-gate-brand{position:absolute;top:25px;left:28px;display:flex;align-items:center;gap:10px;text-align:left}.cloud-gate-brand>span:last-child{display:grid}.cloud-gate-brand strong{font-size:14px;letter-spacing:.02em}.cloud-gate-brand small{color:#8f777a;font:8px/1.2 ui-monospace,monospace;letter-spacing:.16em}.cloud-gate-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d5434d;border-radius:9px;color:#fff;background:#a7212b;font:800 14px ui-monospace,monospace}.cloud-gate-signal{width:90px;height:90px;position:relative;display:grid;place-items:center;margin-bottom:26px}.cloud-gate-signal span{position:absolute;border:1px solid #c92f3a;border-radius:50%;animation:cloud-pulse 2.4s ease-out infinite}.cloud-gate-signal span:nth-child(1){width:22px;height:22px;background:#ff4d57;box-shadow:0 0 28px #ff4d57}.cloud-gate-signal span:nth-child(2){width:52px;height:52px;animation-delay:.35s}.cloud-gate-signal span:nth-child(3){width:84px;height:84px;animation-delay:.7s}.cloud-gate-kicker{margin:0 0 9px;color:#d94b54;font:9px ui-monospace,monospace;letter-spacing:.2em}.cloud-gate h1{margin:0;font-size:clamp(25px,5vw,36px);letter-spacing:-.035em}.cloud-gate-copy{max-width:370px;min-height:48px;margin:15px 0 0;color:#aa9da0;font-size:14px;line-height:1.65}.cloud-gate-confirmation{width:100%;display:grid;gap:16px;margin-top:20px}.cloud-gate-code-block{padding:18px;border:1px solid #6b282e;border-radius:12px;background:#090708;box-shadow:inset 0 0 30px #c92f3a0b}.cloud-gate-code-block>span{color:#c8656c;font:9px ui-monospace,monospace;letter-spacing:.18em}.cloud-gate-code-block h2{margin:8px 0 5px;color:#fff;font:800 clamp(38px,8vw,58px)/1 ui-monospace,monospace;letter-spacing:.18em;text-indent:.18em;text-shadow:0 0 24px #e53d4880}.cloud-gate-code-block small{color:#806d70;font-size:10px}.cloud-gate-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;text-align:left}.cloud-gate-steps li{display:grid;gap:3px;padding:10px 12px;border-left:2px solid #4f2529;background:#0b090a}.cloud-gate-steps strong{color:#eee7e8;font-size:12px}.cloud-gate-steps span{color:#8f8082;font-size:11px}.cloud-gate-steps code{margin-top:5px;padding:9px 11px;overflow-wrap:anywhere;border:1px solid #47272a;border-radius:7px;color:#ffd9dc;background:#050405;font:700 13px ui-monospace,monospace;-webkit-user-select:all;user-select:all}.cloud-gate-card footer{position:absolute;inset:auto 28px 22px;display:flex;align-items:center;justify-content:center;gap:8px;color:#6e5c5f;font:8px ui-monospace,monospace;letter-spacing:.14em}.cloud-gate-dot{width:6px;height:6px;border-radius:50%;background:#d53b45;box-shadow:0 0 10px #d53b45}.cloud-gate-card.is-invalid .cloud-gate-signal,.cloud-gate-card.is-expired .cloud-gate-signal,.cloud-gate-card.is-denied .cloud-gate-signal,.cloud-gate-card.is-error .cloud-gate-signal{filter:grayscale(.75);opacity:.55}@keyframes cloud-pulse{0%{transform:scale(.55);opacity:0}32%{opacity:.85}to{transform:scale(1.05);opacity:0}}@media(max-width:560px){.cloud-gate{padding:16px}.cloud-gate-card{min-height:420px;padding-inline:27px}}@media(prefers-reduced-motion:reduce){.cloud-gate-signal span{animation:none;opacity:.65}}