html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint]{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint]>header{background:var(--ui-panel);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint]>header strong,html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint] .tone-controls output{color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint] .tone-controls label{color:var(--ui-muted)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint] .brush-tool-settings[hidden]{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] [data-contextual-panel=paint] .brush-tool-settings>header{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox{color:var(--ui-text);gap:10px;min-width:0;padding:12px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox [hidden]{display:none!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-library-content,html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-toolbox-navigation{gap:10px;min-width:0;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-section-tabs button{justify-content:center;align-items:center;gap:5px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-section-tabs i{background:var(--ui-accent);border-radius:50%;width:5px;height:5px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox button,html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox input{font:inherit;color:inherit;border:1px solid var(--ui-border);background:var(--ui-field);border-radius:6px;min-height:36px;font-size:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox input[type=search]{appearance:none;box-sizing:border-box;background:var(--ui-field);width:100%;color:var(--ui-text);padding:8px 10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox button{cursor:pointer;padding:6px 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox button:hover{border-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox button:active{background:var(--ui-raised)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox button[aria-pressed=true]:not(:disabled){background:var(--ui-selected);border-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox :is(button,input,summary):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-toolbox-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-toolbox-heading div{gap:4px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-toolbox-heading strong{font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-toolbox-heading span{color:var(--ui-muted);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-categories{gap:5px;padding-bottom:4px;display:flex;overflow-x:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-categories button{flex:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:88px;gap:6px;max-height:276px;padding:2px;display:grid;overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid button{text-align:left;grid-template-rows:36px auto auto;align-content:start;min-width:0;height:auto;min-height:88px;padding:4px 8px 8px;line-height:18px;display:grid;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid canvas{object-fit:contain;width:100%;height:36px;display:block}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid strong{overflow-wrap:anywhere;font-size:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid small{color:var(--ui-muted);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preset-grid p{grid-column:1/-1;font-size:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-capture-link{text-align:left}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-preview-note{color:var(--ui-muted);font-size:12px;line-height:1.4}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-mirror-controls{border:0;border-top:1px solid var(--ui-border);gap:10px;min-width:0;margin:0;padding:12px 0 0;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox :disabled{opacity:.5;cursor:not-allowed}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-mirror-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-mirror-range{grid-template-columns:56px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:13px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-mirror-range input{width:100%;min-width:0;accent-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox .brush-mirror-range output{text-align:right;font-variant-numeric:tabular-nums}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox details summary{cursor:pointer;padding:8px 0;font-size:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .brush-toolbox :is(button,input,summary){min-height:44px;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .brush-toolbox input[type=search]{font-size:16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .brush-toolbox .brush-preset-grid{max-height:none;overflow:visible}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .brush-toolbox .brush-mirror-controls{border-top:0;padding-top:0}.shell-region-error{color:#e1e5ec;background:#252a33;border:1px solid #596574;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:12px;display:flex}.shell-region-error span{color:#b9c4d2}.shell-region-error button{white-space:nowrap;border:1px solid #77869a;border-radius:4px;padding:5px 8px}.shell-region-error button:focus-visible{outline-offset:2px;outline:2px solid #4ba7ff}.shell-region-error button:hover{background:#364457}.shell-region-error-rail{flex-direction:column;align-items:stretch;width:136px}.shell-region-error-dialog{z-index:12000;flex-direction:column;align-items:flex-start;width:min(460px,100vw - 32px);position:fixed;top:30%;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #0008}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);border-radius:8px;width:min(480px,100vw - 28px);max-height:calc(100dvh - 84px);overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover :is(header,footer,article){background:var(--ui-panel);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover :is(button,select){background:var(--ui-field);color:var(--ui-text);border-color:var(--ui-border);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover :is(strong,article>div strong){color:var(--ui-text);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover :is(small,p,header span,footer span){color:var(--ui-muted);font-size:11px;line-height:1.5}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover article{border-radius:4px;grid-template-columns:36px minmax(0,1fr) 98px 112px;gap:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover button:hover{background:var(--ui-selected);border-color:var(--ui-accent)}@media (max-width:520px){html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-export-popover article{grid-template-columns:36px minmax(0,1fr)}}html:root body .spatial-studio[data-app-shell][data-ui=atelier]{--ui-bg:#141619;--ui-panel:#202328;--ui-raised:#292d33;--ui-field:#181b20;--ui-border:#353940;--ui-text:#e1e5eb;--ui-muted:#9ba3af;--ui-accent:#85b8ff;--ui-selected:#263e5d;--text:var(--ui-text);--muted:var(--ui-muted);--border:var(--ui-border);--accent:var(--ui-accent);--studio-line:var(--ui-border);--studio-line-strong:#4a515e;--studio-text:var(--ui-text);--studio-text-muted:var(--ui-muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ui-bg);width:100%;height:100dvh;min-height:0;color:var(--ui-text);letter-spacing:0;padding:0;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier]>.spatial-aura{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(button,input,select,textarea){font-family:inherit}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(button,summary){cursor:pointer}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(button,select,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] button:disabled{opacity:.36;cursor:not-allowed}html:root body .spatial-studio[data-app-shell][data-ui=atelier] button:not(:disabled):active{filter:brightness(1.18)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] input[type=range]{accent-color:var(--ui-accent);cursor:ew-resize}html:root body .spatial-studio[data-app-shell][data-ui=atelier] kbd{color:var(--ui-muted);font:11px/1.3 inherit}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-window,.spatial-workspace,.spatial-canvas-column){min-width:0;min-height:0;box-shadow:none;gap:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-window{background:var(--ui-bg);border:0;border-radius:0;grid-template-rows:52px minmax(0,1fr) 26px;width:100%;max-width:none;height:100%;max-height:none;display:grid;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-workspace{background:var(--ui-bg);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:54px auto minmax(0,1fr) auto;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-titlebar.spatial-topbar{border:0;border-bottom:1px solid var(--ui-border);background:var(--ui-panel);height:52px;min-height:52px;box-shadow:none;gap:16px;padding:0 14px;position:relative}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-brand-area{flex-shrink:0;gap:9px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-app-mark{color:#d4e7ff;background:#263445;border:1px solid #566779;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-product-name{color:var(--ui-text);font-size:13px;font-weight:650;display:block}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-project-title{gap:3px;min-width:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-project-title strong{color:var(--ui-text);font-size:12px;font-weight:500}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-project-title span{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-share-actions{flex-shrink:0;gap:6px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.studio-icon-button,.studio-header-button,.studio-app-menu summary){min-width:30px;height:30px;color:var(--ui-muted);background:0 0;border:1px solid #0000;border-radius:5px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.studio-icon-button,.studio-header-button,.studio-app-menu summary):hover{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-icon-button svg{width:16px;height:16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-workspace-button{align-items:center;gap:6px;padding:0 8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-zoom-readout{min-width:40px;color:var(--ui-muted);font-variant-numeric:tabular-nums;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-export{color:#f3f7ff;height:30px;box-shadow:none;background:#315582;border:1px solid #5a84b6;border-radius:5px;gap:8px;padding:0 12px;font-size:12px;font-weight:600}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-export svg{width:13px;height:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-app-menu>div{border:1px solid var(--ui-border);background:var(--ui-raised);color:var(--ui-text);border-radius:8px;box-shadow:0 16px 50px #0007}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-app-menu button{min-height:34px;color:var(--ui-text);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-toolbar{border:0;border-right:1px solid var(--ui-border);background:var(--ui-panel);flex-direction:column;gap:8px;padding:8px 6px;display:flex;overflow:visible}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories{scrollbar-width:none;flex-direction:column;flex:auto;align-items:center;gap:3px;height:auto;min-height:0;display:flex;overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button{color:#aeb7c3;width:40px;height:36px;min-height:36px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button svg{stroke-width:1.6px;width:19px;height:19px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button>span{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button:hover{color:#fff;background:#30363e}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button.active{background:var(--ui-selected);color:#bcd8ff;box-shadow:none;border-color:#456389}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button[data-family-start=true]{margin-top:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories>button>.tool-family-indicator{opacity:.6;border-top:4px solid #0000;border-right:4px solid;display:block;position:absolute;bottom:3px;right:3px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-rail-colors{border-top:1px solid var(--ui-border);flex:none;justify-items:center;gap:5px;height:auto;margin-top:auto;padding:10px 3px 0 0;display:grid;overflow:visible}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-rail-colors input{background:var(--ui-field);border:1px solid #657083;border-radius:6px;width:31px;height:31px;padding:2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-rail-colors button{width:28px;height:24px;color:var(--ui-muted);background:0 0;border:0;padding:3px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-rail-colors svg{width:14px;height:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-column{background:var(--ui-bg);grid-template-rows:42px 34px minmax(0,1fr) auto;display:grid;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-column[data-assets-open=false]{grid-template-rows:42px 34px minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-contextbar{border-bottom:1px solid var(--ui-border);background:var(--ui-panel);height:42px;min-height:42px;color:var(--ui-text);scrollbar-width:thin;gap:12px;padding:0 12px;overflow-x:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-identity{border-right:1px solid var(--ui-border);flex-shrink:0;gap:7px;min-width:auto;padding-right:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-identity>span{width:24px;height:24px;color:var(--ui-accent);background:0 0;border:0;border-radius:0;place-items:center;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-identity strong{color:var(--ui-text);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-identity small{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-controls{flex:1 0 auto;gap:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog{width:min(420px,90vw);color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:10px;padding:24px;box-shadow:0 20px 80px #0009}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog::backdrop{background:#0008}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog form{gap:16px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog header,html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog label{gap:6px;font-size:12px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog input{background:var(--ui-field);width:100%;min-width:0;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:4px;padding:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dimensions{grid-template-columns:1fr 1fr;gap:12px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog button{border:1px solid var(--ui-border);background:var(--ui-raised);color:var(--ui-text);border-radius:4px;padding:7px 12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog button[type=submit]{background:var(--ui-selected);border-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog p{color:var(--ui-muted);margin:0;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .new-document-dialog [role=alert]{color:#ffb8a8}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls>button{min-height:26px;color:var(--ui-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 7px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls button.active{background:var(--ui-selected);color:#c7ddfa}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls button:hover:not(:disabled){background:var(--ui-raised);color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls button:active:not(:disabled){background:var(--ui-selected)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls button:disabled{opacity:.4;cursor:not-allowed}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .transform-context-controls button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.context-range,.context-select){color:var(--ui-muted);gap:6px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .context-range input[type=range]{width:54px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .context-range output{min-width:35px;color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .context-select select{border:1px solid var(--ui-border);background:var(--ui-field);max-width:150px;height:26px;color:var(--ui-text);border-radius:4px;padding:0 6px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .context-font-family select{width:150px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-summary{min-width:80px;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-summary span{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-summary small{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-actions{flex-shrink:0;gap:4px;margin-left:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.studio-context-actions,.context-segmented) button{min-height:26px;color:var(--ui-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 7px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.studio-context-actions,.context-segmented) button.active{background:var(--ui-selected);color:#c7ddfa}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs{border-bottom:1px solid var(--ui-border);background:#1a1d21;gap:0;height:34px;min-height:34px;padding:0;display:flex;overflow-x:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs>div{border:0;border-right:1px solid var(--ui-border);background:0 0;border-radius:0;flex:none;min-width:110px;max-width:260px;height:34px;padding:0 4px 0 10px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs>div.active{box-shadow:inset 0 2px var(--ui-accent);background:#30353d}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs button{color:var(--ui-muted);background:0 0;border:0;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs>div.active button{color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs button:first-child{flex:auto;width:auto;min-width:0;padding:0 8px 0 0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs button:first-child span{font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs button:last-child:not(:first-child){width:24px;padding:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs button:first-child{align-items:center;gap:8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .document-dirty-dot{background:#d2ae79;border-radius:50%;flex:0 0 5px;width:5px;height:5px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs>.document-new-button{width:34px;min-width:34px;height:34px;font-size:17px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-stage{background:#141619;border:0;min-width:0;min-height:0;padding:24px;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .canvas-status{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.dock-stack,.dock-group,.dock-floating-panel,.spatial-inspector){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.dock-stack-left,.dock-stack-right){max-width:min(520px,36vw)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabbar{border-bottom:1px solid var(--ui-border);background:#25292f;flex:0 0 36px;height:36px;min-height:36px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs{scrollbar-width:none;min-width:0;overflow-x:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs>div{border:0;flex-shrink:0;min-width:max-content}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs>div.active{background:var(--ui-panel);box-shadow:inset 0 2px var(--ui-accent);border:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs button[role=tab]{min-height:35px;color:var(--ui-muted);gap:6px;padding:0 9px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs button[role=tab] strong{font-size:11px;font-weight:550}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs .active button[role=tab]{color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs button[role=tab] svg{width:14px;height:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tab-close{width:18px;color:var(--ui-muted);opacity:0;flex:0 0 18px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-tabs>div:is(:hover,:focus-within) .dock-tab-close{opacity:1}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.dock-collapse,.dock-group-menu-trigger){width:26px;min-width:26px;height:35px;color:var(--ui-muted);padding:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-icon-rail{align-items:center;gap:4px;padding-top:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-icon-rail>button{width:34px;height:34px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-icon-rail>button:hover{background:var(--ui-field);color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-icon-rail>button:active{background:#315274}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-icon-rail>button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.dock-group-menu,.studio-app-menu) [role=menu]{background:var(--ui-raised);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-panel-body{scrollbar-color:#515863 transparent}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) :is(button,select,input,output,label){font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) :is(small,.param-note){color:var(--ui-muted);font-size:11px;line-height:1.5}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) .glass-card{background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;border-radius:0;padding:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) .glass-card>header{background:0 0;border-bottom:1px solid #ffffff08;min-height:38px;padding:7px 12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) .glass-card>header strong{color:var(--ui-text);font-size:12px;font-weight:600}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) .glass-card>header button{width:auto;min-width:26px;min-height:26px;color:var(--ui-muted);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-inspector,.dock-floating-panel) :is(select,input[type=number],input[type=text],textarea){border:1px solid var(--ui-border);background:var(--ui-field);min-width:0;min-height:28px;color:var(--ui-text);border-radius:4px;padding:4px 7px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-properties-body{gap:8px;padding:10px 12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-target{border-bottom:1px solid var(--ui-border);min-height:46px;padding:0 0 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-target strong{color:var(--ui-text);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-target small{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.desktop-property-range,.desktop-property-row,.desktop-property-switch){border:0;gap:8px;min-height:32px;padding:3px 0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-range{grid-template-columns:64px minmax(0,1fr) 44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-range output{font-variant-numeric:tabular-nums;color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-row button{border:1px solid var(--ui-border);background:var(--ui-raised);min-height:27px;color:var(--ui-text);border-radius:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-property-buttons button{justify-content:center;align-items:center;gap:6px;display:inline-flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-context-panel-picker{min-height:28px;padding:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint{border:0;border-top:1px solid var(--ui-border);background:0 0;border-radius:0;gap:8px;min-height:40px;margin-top:0;padding:8px 0 0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint>kbd{font-size:10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint{text-align:left;width:100%}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint:hover strong{color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-quick-controls>summary{min-height:28px;color:var(--ui-muted);padding:4px 0;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint strong{color:var(--ui-text);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-space-hint small{font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer{background:0 0;border:0;border-bottom:1px solid #ffffff05;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:46px;padding:4px 8px;margin:0!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer:hover{background:#2a3038}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer.active{background:var(--ui-selected);box-shadow:inset 2px 0 var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer .layer-name strong{color:var(--ui-text);font-size:12px;font-weight:500}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer .layer-name small{color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;display:block;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-thumb{background:var(--ui-field);color:#b3c8e1;background-image:none;border:1px solid #ffffff20;border-radius:3px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-thumb svg{width:17px;height:17px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-thumb canvas{object-fit:contain;width:30px;height:30px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-actions button{width:22px;min-width:22px;height:28px;color:var(--ui-muted);place-items:center;padding:2px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-actions svg{width:14px;height:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer-delete{opacity:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-layer:is(:hover,:focus-within) .spatial-layer-delete{opacity:1}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-add-menu{gap:4px;min-width:0;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-add-menu>select{min-width:90px;max-width:145px;height:28px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-stack-footer{border-color:var(--ui-border);background:#25292f;gap:6px;height:34px;min-height:34px;padding:3px 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-stack-footer button{width:28px;height:26px;color:var(--ui-muted);place-items:center;padding:4px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-count{font-variant-numeric:tabular-nums;padding-left:4px;font-weight:400}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layers-card .layer-controls{gap:8px;padding:8px 10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .layer-controls select{font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-disclosure{border-top:1px solid var(--ui-border);margin-top:2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-disclosure>summary{min-height:34px;color:var(--ui-muted);align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-disclosure>summary svg{width:15px;height:15px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-disclosure>summary:after{content:"+";margin-left:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-disclosure[open]>summary:after{content:"−"}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-panel{border:0;gap:9px;padding:4px 0 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-panel header strong{font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-panel header small{font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-fields{gap:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-fields label{grid-template-columns:34px minmax(0,1fr) 16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-fields :is(em,input){font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-capabilities{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-presets button{min-height:26px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-spatial-send{min-height:30px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-statusbar{border-top:1px solid var(--ui-border);height:26px;min-height:26px;color:var(--ui-muted);background:#202328;gap:16px;padding:0 12px;font-size:10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-statusbar kbd{font-size:10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-status-brand{color:#c4cbd5}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-status-local{letter-spacing:.08em;font-size:9px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ui-text);background:#252a32;border:1px solid #526175;border-radius:10px;max-height:calc(100% - 24px);overflow:auto;box-shadow:0 20px 64px #0008}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-header{border-bottom:1px solid var(--ui-border);background:#2e3540;height:42px;min-height:42px;padding:8px 12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-header strong{font-size:13px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-header small{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-header button{place-items:center;width:26px;height:26px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-header svg{width:15px;height:15px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-features{gap:8px;padding:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-feature{border:1px solid var(--ui-border);background:#20242b;border-radius:5px;min-height:54px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-feature :is(strong,output,select,input){font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-feature small{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-feature.active{background:var(--ui-selected);border-color:#4a6c96}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-actions :is(strong,kbd){font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck-actions small,html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck>footer,html:root body .spatial-studio[data-app-shell][data-ui=atelier] .space-deck>footer kbd{font-size:10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .neural-compact textarea{color:var(--ui-text);background:var(--ui-field)!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio{gap:12px;padding:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio-grid{gap:10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio-grid label>span{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio-tabs{gap:3px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio-tabs button{padding:5px;font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .type-studio-story textarea{font-size:14px;line-height:1.5}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.type-studio-note,.type-studio-empty,.type-form-actions span){color:var(--ui-muted);font-size:11px;line-height:1.5}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-modal,.tool-palette-scrim,.tool-family-scrim){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090b1088}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.layer-style-dialog,.export-popover){color:var(--ui-text);background:#24282f;border:1px solid #4a515e;border-radius:10px;box-shadow:0 24px 80px #0009}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.export-popover) :is(button,input,select,label){font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.export-popover) small{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-family-menu{width:250px;max-height:calc(100dvh - 120px);position:fixed;top:100px;left:62px;overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-family-menu button{min-height:34px;color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-family-menu button.active{background:var(--ui-selected)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-palette{width:min(760px,100vw - 40px)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.tool-palette>header,.tool-palette-search,.tool-palette-group,.tool-palette-group>header){border-color:var(--ui-border);background:0 0}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-palette-search input{color:var(--ui-text);font-size:15px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-palette-group button strong{color:var(--ui-text);font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-palette-group>div>button{background:var(--ui-panel);border-radius:5px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .tool-palette-group>div>button:is(:hover,.active){background:var(--ui-selected)}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-floating-panel>header{background:#2b3038;height:36px;min-height:36px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .dock-floating-panel>header strong{font-size:12px}html[data-luma-platform=desktop] body .spatial-studio[data-app-shell][data-ui=atelier] .studio-brand-area{padding-left:72px}@media (max-width:1100px){html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-project-title{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-share-actions{margin-left:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-context-identity strong{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-statusbar{gap:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-status-brand{display:none}}@media (max-width:760px){html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-workspace{grid-template-columns:46px auto minmax(0,1fr) auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-toolbar{padding:6px 3px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] :is(.dock-stack-left,.dock-stack-right){max-width:42vw}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-titlebar.spatial-topbar{gap:8px;padding:0 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-product-name{font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .studio-zoom-readout{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-stage{padding:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .desktop-statusbar>span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.spatial-studio[data-ui=atelier] *,.spatial-studio[data-ui=atelier] :before,.spatial-studio[data-ui=atelier] :after{transition:none!important;animation:none!important}}.action-playback-report{margin:8px;font-size:11px}.action-playback-report summary{cursor:pointer;padding:6px 0}.action-playback-report ol{max-height:180px;padding-left:24px;overflow:auto}.action-playback-report li{padding:4px 0}.action-playback-report small{opacity:.75;display:block}.action-record-name{align-items:center;gap:8px;margin:8px 12px;font-size:11px;display:flex}.action-record-name input{border:1px solid var(--line,#444);width:100%;min-width:0;color:inherit;background:0 0;border-radius:3px;padding:4px 6px}.action-editor-disclosure{margin:8px 12px;font-size:11px}.action-editor-disclosure summary{cursor:pointer;padding:5px 0}.action-step-editor{gap:8px;padding-block:8px;display:grid}.action-step-editor label{align-items:center;gap:6px;min-width:0;display:flex}.action-step-editor input:not([type=checkbox]),.action-step-editor select,.action-step-editor textarea{width:100%;min-width:0;color:inherit;background:#202227;border:1px solid #474950;border-radius:3px;padding:4px}.action-step-editor textarea{box-sizing:border-box;resize:vertical;font:11px/1.4 monospace}.action-edit-buttons{flex-wrap:wrap;gap:4px;padding:4px 12px;display:flex}.action-step-editor .action-edit-buttons{padding:0}.action-condition{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.action-step-editor small{color:#969aa4;line-height:1.4}.type-font-picker{gap:8px;min-width:0;display:grid}.type-spatial-grid .type-button-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.type-font-picker label{gap:4px;min-width:0;display:grid}.type-font-picker :is(input,select){width:100%;min-width:0}.type-font-picker small{color:var(--ui-muted);font-size:10px;line-height:1.4}.type-font-preview{padding:8px 0;font-size:20px;line-height:1.3;overflow:hidden}.type-appearance-stack{gap:8px;min-width:0;display:grid}.type-appearance-stack h4{margin:4px 0;font-size:11px}.type-appearance-stack h4 small{color:var(--ui-muted);font-weight:400}.type-appearance-item{border-bottom:1px solid var(--ui-border,#35373a);grid-template-columns:minmax(0,1fr) 28px;gap:6px;padding-bottom:8px;display:grid}.type-appearance-item label{align-items:center;gap:5px;min-width:0;font-size:11px;display:flex}.type-appearance-item input[type=number]{width:65px;min-width:0;margin-left:auto}.type-appearance-item input[type=color]{width:28px;height:24px;padding:1px}.type-font-picker button,.type-appearance-stack button{min-height:26px;color:inherit;background:var(--ui-control,#292b30);border:1px solid var(--ui-border,#44464b);border-radius:3px}.type-font-picker button:hover,.type-appearance-stack button:hover{background:var(--ui-hover,#343841)}.type-font-picker button:disabled,.type-appearance-stack button:disabled{opacity:.4}.type-font-picker :focus-visible,.type-appearance-stack :focus-visible{outline-offset:2px;outline:2px solid #7bafff}.type-mesh-editor{gap:8px;min-width:0;display:grid}.type-mesh-viewport{aspect-ratio:4/3;touch-action:none;cursor:grab;background:#171a20;border:1px solid #414650;border-radius:4px;width:100%;overflow:hidden}.type-mesh-viewport:active{cursor:grabbing}.type-mesh-viewport canvas{width:100%;height:100%;display:block}.type-mesh-viewport canvas:focus-visible{outline-offset:-3px;outline:2px solid #7eabff}.type-mesh-editor p,.type-mesh-editor small{color:var(--text-secondary,#a4aab5);margin:0;font-size:11px;line-height:1.45}.type-mesh-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}[data-app-shell=luma-studio] .mask-actions button{border:1px solid #3b4049;border-radius:4px;height:auto;min-height:28px;padding:4px 6px;line-height:1.25;color:#d4d8e0!important;background:#292c33!important}[data-app-shell=luma-studio] .mask-actions button:hover:not(:disabled){background:#363d49!important}[data-app-shell=luma-studio] .mask-actions button:active:not(:disabled){background:#244c7b!important}[data-app-shell=luma-studio] .mask-actions button:focus-visible{outline-offset:1px;outline:2px solid #6aa6ff}[data-app-shell=luma-studio] .mask-actions button:disabled{opacity:.45;cursor:not-allowed}.project-save-error{z-index:10000;color:#ffe8d8;background:#30241f;border:1px solid #bc7755;border-radius:6px;width:min(560px,100vw - 40px);padding:12px 16px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.project-save-error p{overflow-wrap:anywhere;margin:6px 0 10px}.project-save-error button{border:1px solid #bc7755;border-radius:4px;padding:5px 12px}.shape-tool-controls{gap:8px}.shape-picker{position:relative}.shape-picker>button{align-items:center;gap:6px;min-width:120px;display:flex}.shape-picker>button>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.shape-picker-backdrop{z-index:15000;position:fixed;inset:0}.shape-picker-dialog{color:#e5e7eb;background:#20242b;border:1px solid #ffffff26;border-radius:6px;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:10px;font-size:12px;position:absolute;overflow:auto;box-shadow:0 12px 36px #0008}.shape-picker-dialog button{color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff26;border-radius:4px;padding:5px 8px}.shape-picker-dialog button:hover:not(:disabled){background:#ffffff15}.shape-picker-dialog button:active:not(:disabled){background:#ffffff25}.shape-picker-dialog button[aria-pressed=true]{background:#355c8850;border-color:#639ad0}.shape-picker-dialog button:focus-visible{outline-offset:-2px;outline:2px solid #6aa6ff}.shape-picker-dialog button:disabled{opacity:.4;cursor:not-allowed}.shape-picker-dialog header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shape-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:260px;display:grid;overflow-y:auto}.shape-preset-grid button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;min-width:0!important;height:64px!important;padding:5px!important}.shape-preset-grid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.shape-tool-controls button[aria-pressed=true]{background:#355c883d;border-color:#639ad0}.shape-picker-dialog footer{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.shape-picker-dialog small{white-space:normal;color:#a8afb9;font-size:11px;line-height:1.4;display:block}.studio-context-controls label.shape-number{white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.shape-number input{width:52px;height:26px;color:inherit;background:#ffffff08;border:1px solid #ffffff26;border-radius:3px;padding:2px 4px}.shape-draw-hint{white-space:nowrap;color:#9aa4b4;font-size:10px}.shape-tool-controls button:hover:not(:disabled){background:#ffffff15}.shape-tool-controls button:active:not(:disabled){background:#ffffff25}.shape-tool-controls :is(button,input):focus-visible{outline-offset:2px;outline:2px solid #6aa6ff}.shape-tool-controls :disabled{opacity:.4;cursor:not-allowed}.shape-picker-dialog,.shape-picker-dialog button{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.pen-tool-controls>button{white-space:nowrap;border:1px solid #ffffff24;border-radius:4px;padding:4px 8px}.pen-tool-controls>button[aria-pressed=true]{background:#355c8850;border-color:#639ad0}.pen-tool-controls>button:hover:not(:disabled){background:#ffffff18}.pen-tool-controls>button:active:not(:disabled){background:#ffffff28}.pen-tool-controls :disabled{opacity:.4;cursor:not-allowed}.studio-context-controls :is(.pen-number,.pen-angle){white-space:nowrap;gap:5px;font-size:11px;display:flex}.pen-number input{width:58px}.pen-tool-controls :is(input,select){color:#e1e5eb;background:#181b20;border:1px solid #ffffff26;border-radius:3px;padding:3px}.pen-tool-controls :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #6aa6ff}.pen-tool-hint{color:#9ba3af;white-space:nowrap;font-size:10px}.pen-measurement{color:#e0f5ff;font-variant-numeric:tabular-nums;pointer-events:none;background:#121a23ee;border:1px solid #60d8fa66;border-radius:4px;gap:3px;max-width:min(310px,90%);padding:6px 8px;font:11px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;display:grid;position:absolute;transform:translate(12px,14px);box-shadow:0 3px 10px #0005}.pen-measurement strong{color:#80dcff;font-weight:500}@media (max-width:1400px){.pen-tool-hint{display:none}}.workspace-ruler{z-index:25;color:#aeb7c4;touch-action:none;-webkit-user-select:none;user-select:none;background:#23262b;position:absolute;overflow:hidden}.spatial-studio{-webkit-user-select:none;user-select:none}.spatial-studio :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.workspace-ruler.horizontal{cursor:ns-resize;border-bottom:1px solid #363b43;width:100%;height:22px;top:0;left:0}.workspace-ruler.vertical{cursor:ew-resize;border-right:1px solid #363b43;width:22px;height:100%;top:0;left:0}.workspace-ruler line{stroke:#69727f;stroke-width:1px;shape-rendering:crispedges}.workspace-ruler text{fill:currentColor;font:9px ui-monospace,monospace}.workspace-ruler:hover{color:#e0e8f3;background:#292e35}.workspace-ruler-origin{z-index:26;color:#9ca9ba;pointer-events:none;background:#292e35;border-bottom:1px solid #363b43;border-right:1px solid #363b43;place-items:center;width:22px;height:22px;font:9px ui-monospace,monospace;display:grid;position:absolute;top:0;left:0}.workspace-guide-preview{z-index:24;pointer-events:none;background:#60d8fa;position:absolute}.workspace-guide-preview.horizontal{height:1px;left:22px;right:0}.workspace-guide-preview.vertical{width:1px;top:22px;bottom:0}.workspace-guide-preview output{color:#c6f3ff;white-space:nowrap;background:#142631;padding:3px 5px;font:10px ui-monospace,monospace;position:absolute;top:4px;left:4px}.unsaved-document-dialog.delivery-preflight-dialog{width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px;font-size:14px;line-height:1.5;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.delivery-preflight-dialog h2{margin:0 0 8px;font-size:18px;font-weight:600}.delivery-preflight-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.delivery-preflight-dialog button{border:1px solid #697386;border-radius:4px;min-height:32px;padding:5px 12px}.delivery-preflight-dialog button:hover{background:#ffffff18}.delivery-preflight-dialog button:active{background:#ffffff28}.delivery-preflight-dialog button:focus-visible{outline-offset:2px;outline:2px solid #83baff}.delivery-preflight-dialog button.delivery-preflight-confirm{color:#fff;background:#285b97}.delivery-preflight-issues{max-height:52vh;margin:16px 0;padding:0;list-style:none;overflow:auto}.delivery-preflight-issues li{border-top:1px solid var(--border,#40434a);padding:12px 0;font-size:13px;line-height:1.5}.delivery-preflight-issues li>strong{font-size:12px}.delivery-preflight-issues li p{margin:6px 0}.delivery-preflight-issues .delivery-preflight-action{opacity:.85}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet]{--studio-surface:var(--ui-panel);--studio-surface-raised:var(--ui-raised);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(.spatial-toolbar,.studio-contextbar,.spatial-document-tabs,.spatial-canvas>canvas){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-window{grid-template-rows:60px minmax(0,1fr) 26px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:60px minmax(0,1fr);position:relative}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-canvas-column{grid-area:1/2;grid-template-rows:52px 44px minmax(0,1fr) auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-canvas-column[data-assets-open=false]{grid-template-rows:52px 44px minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-titlebar.spatial-topbar{gap:8px;height:60px;min-height:60px;padding:0 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-brand-area{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-project-title{flex:1;min-width:60px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-project-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-share-actions{gap:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(.studio-workspace-button,.studio-action-divider,.studio-zoom-readout){display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(.studio-titlebar button,.studio-app-menu summary){min-width:44px;height:44px;min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-title-controls{gap:4px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-title-controls button{color:var(--ui-text);border:1px solid var(--ui-border);background:var(--ui-field);white-space:nowrap;border-radius:6px;padding:0 10px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-title-controls button[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-toolbar{overscroll-behavior:contain;grid-area:1/1;width:60px;min-width:60px;padding:6px;overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .primary-tool-categories{gap:6px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .primary-tool-categories>button{width:48px;height:48px;min-height:48px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tool-rail-colors :is(input,button){width:44px;height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-contextbar{touch-action:pan-x;height:52px;min-height:52px;padding:0 10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-contextbar :is(button,select,input){min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-contextbar input[type=range]{min-width:90px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .context-range{flex:none;grid-template-columns:auto 90px 42px!important;gap:8px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .context-range output{min-width:42px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .context-color{background:var(--ui-field);flex:0 0 44px;width:44px;height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .context-color input{box-sizing:border-box;width:44px;height:44px;padding:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-context-summary{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-document-tabs{height:44px;min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-document-tabs>div{height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-document-tabs button{min-width:44px;min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-document-tabs button:last-child:not(:first-child){width:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-document-tabs>.document-new-button{width:44px;height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-canvas-stage{touch-action:none;overscroll-behavior:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tool-family-menu{width:min(340px,100vw - 84px);max-height:calc(100dvh - 100px);left:68px;overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tool-family-menu button{min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel{z-index:80;background:var(--ui-panel);border:1px solid var(--ui-border);width:min(360px,100% - 76px);color:var(--ui-text);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:8px;bottom:8px;right:8px;overflow:hidden;box-shadow:0 12px 36px #0006}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel>header{border-bottom:1px solid var(--ui-border);align-items:center;gap:8px;padding:8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel>header select{flex:1;min-width:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel>header button{min-width:44px;font-size:24px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .dock-panel-body{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(input,select,textarea){font-size:16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(select,input,button){color:var(--ui-text);background-color:var(--ui-field)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel button{touch-action:manipulation}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(button,summary){flex-shrink:0;min-width:44px;min-height:44px;font-size:13px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel small{line-height:1.4;font-size:11px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ui-muted) 50%), linear-gradient(135deg, var(--ui-muted) 50%, transparent 50%);background-position:calc(100% - 14px) 19px,calc(100% - 9px) 19px;background-repeat:no-repeat;background-size:5px 5px;height:44px;padding:0 28px 0 10px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.glass-card,.desktop-properties-panel,.blend-pass,.advanced-blending,.document-diagnostics,.type-studio,.desktop-quick-controls){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.blend-pass,.blend-if-range,.advanced-blending-body,.mask-actions button,.adjustment-chips button,.blend-stack-heading button,.blend-pass-order button,.blend-pass-toggle,.neural-quick-grid button){background:var(--ui-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .blend-pass-topline>span{color:var(--ui-muted);font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.mask-segmented,.spatial-view-dock){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .blend-pass>label{grid-template-columns:62px minmax(60px,1fr) 40px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .glass-card>header{background:var(--ui-panel);height:auto;min-height:44px;color:var(--ui-text);flex-wrap:wrap;gap:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(strong,label,summary,output){color:var(--ui-text)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(small,p,.type-studio-empty,.type-studio-note,.desktop-property-target span){color:var(--ui-muted)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(button,select):disabled{opacity:.55}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel button:hover:not(:disabled){background:var(--ui-raised)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel button:active:not(:disabled){background:var(--ui-selected)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel button:is(.active,[aria-pressed=true]){background:var(--ui-selected);border-color:var(--ui-accent)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.layer-add-menu,.layer-stack-footer,.touch-layer-toolbar){flex-wrap:wrap;gap:4px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .layer-stack-footer{justify-content:space-between;height:auto;min-height:52px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .virtual-layer-stack{contain:layout paint;flex-shrink:0;min-height:92px;padding:0;display:block;position:relative;overflow:auto!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .virtual-layer-spacer{width:100%;position:relative}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .virtual-layer-window{width:100%;position:absolute;top:0;left:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .virtual-layer-stack .spatial-layer{margin:0;position:absolute;left:0;right:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .touch-layer-toolbar{padding:8px 0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .touch-layer-toolbar button{flex:1}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .spatial-layer{grid-template-columns:34px minmax(0,1fr) auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .spatial-layer-actions{opacity:1;width:auto;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .spatial-layer-actions button{width:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .layer-controls>label{grid-template-columns:58px minmax(70px,1fr) 42px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .blend-recipe-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.document-size-row,.mask-actions){flex-wrap:wrap}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .document-size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel input[type=color]{width:44px;min-width:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .desktop-space-hint{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .desktop-property-target{grid-template-columns:34px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .desktop-property-target>span:nth-child(2){gap:2px;min-width:0;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .desktop-property-target :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel :is(.mask-card label,.mask-card label>span){font-size:12px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-export-popover,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-export-popover :is(header,footer,article){background:#202328}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-panel .desktop-space-hint :is(kbd,small){display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-app-menu>div button{min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .dynamic-canvas-cursor{pointer-events:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(button,summary){touch-action:manipulation}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(input:not([type=range]),select,textarea){font-size:16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] :is(select,textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ui-field)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] input::placeholder,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] textarea::placeholder{color:var(--ui-muted);opacity:1}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] select{appearance:none;height:44px;min-height:44px;padding-right:28px;background-image:linear-gradient(45deg, transparent 50%, var(--ui-muted) 50%), linear-gradient(135deg, var(--ui-muted) 50%, transparent 50%)!important;background-position:calc(100% - 14px) 19px,calc(100% - 9px) 19px!important;background-repeat:no-repeat!important;background-size:5px 5px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] input[type=range]::-webkit-slider-thumb{width:24px;height:24px}@media (max-width:850px){html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-project-title{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-share-actions{justify-content:space-between;width:100%}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-fit-button{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-title-controls button{padding:0 6px}}@media (max-width:600px){html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .tablet-title-controls button{font-size:11px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .studio-icon-button[aria-label=Redo]{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-interface=tablet] .spatial-export{padding:0 6px;font-size:12px}}.phone-panel-sizing,.phone-options-hint{display:none}.layer-context-menu[data-touch=true]{width:min(320px,100vw - 16px);max-height:calc(100dvh - 24px);overflow-y:auto}.layer-context-menu[data-touch=true] button{min-height:44px;font-size:14px}.layer-context-menu[data-touch=true] kbd{display:none}.download-confirmation-backdrop{z-index:15000}.download-confirmation{flex-direction:column;gap:12px;display:flex}.download-confirmation p{overflow-wrap:anywhere;line-height:1.5}.download-confirmation button{min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone]{left:0;right:0;top:var(--phone-viewport-top,0px);height:var(--phone-viewport-height,100dvh);position:fixed}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-window{grid-template-rows:120px minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-titlebar.spatial-topbar{flex-direction:column;gap:2px;height:120px;min-height:120px;padding:4px 8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-document-status{justify-content:space-between;gap:8px;width:100%;min-height:18px;font-size:11px;line-height:18px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-document-status strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-document-status span{color:var(--ui-muted);flex-shrink:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-document-status [data-error=true]{color:#ffaaa3;font-weight:600}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-project-title{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-share-actions{grid-template-columns:repeat(5,44px) minmax(64px,1fr);gap:2px;width:100%;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-title-controls{order:2;grid-column:1/-1;grid-template-columns:1.2fr 1fr 1fr;gap:6px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-title-controls button{padding:0 6px;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-brand{order:-1;place-items:center;width:44px;height:44px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-brand .studio-app-mark{width:30px;height:30px;font-size:19px;font-weight:650}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-save{position:relative}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-save i{background:var(--ui-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-save[data-save-state=clean] i{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-phone-save[data-save-state=error] i{background:#ff887f}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-save-status{color:var(--ui-muted);margin:4px 8px 8px;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-icon-button[aria-label=Redo]{display:inline-flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-fit-button{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-export{gap:2px;padding:0 6px;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-export svg{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-workspace{grid-template-rows:minmax(0,1fr) 60px;grid-template-columns:minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-column,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-column[data-assets-open=false]{grid-area:1/1;grid-template-rows:52px 44px minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .layer-focus-panel,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .desktop-statusbar{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-toolbar{border-top:1px solid var(--ui-border);border-right:0;flex-direction:row;grid-area:2/1;width:100%;min-width:0;height:60px;padding:4px;display:flex;overflow:auto hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .primary-tool-categories{flex-direction:row;flex:1 0 auto;gap:0;width:100%;min-width:308px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .primary-tool-categories>button{flex-direction:column;flex:1;justify-content:center;gap:2px;width:44px;min-width:44px;height:50px;min-height:50px;margin:0;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .primary-tool-categories>button>span{font-size:12px;line-height:14px;display:block}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .primary-tool-categories>button{padding:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-rail-colors{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-stage{padding:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas{background:var(--ui-bg);border-color:var(--ui-border)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar{gap:8px;padding:0 8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-context-identity{padding-right:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-context-identity strong{white-space:nowrap;font-size:12px;display:block}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-context-identity .phone-options-hint{color:var(--ui-muted);white-space:nowrap;font-size:9px;line-height:13px;display:block}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-context-identity{z-index:2;background:var(--ui-panel);padding:0 8px;position:sticky;left:-8px;box-shadow:5px 0 8px #0003}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar[data-tool-mode=paint] .studio-context-controls>*{order:5}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar[data-tool-mode=paint] [data-option=size]{order:1}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar[data-tool-mode=paint] .context-color{order:2}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar[data-tool-mode=paint] [data-option=opacity]{order:3}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-contextbar[data-tool-mode=paint] button[aria-label="Open brush library"]{order:4}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-column:has(.spatial-document-tabs[data-single=true]){grid-template-rows:52px 0 minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-document-tabs[data-single=true]{visibility:hidden;height:0;min-height:0;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-document-tabs>div{min-width:100px;max-width:220px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel{border-radius:12px;width:auto;max-width:none;height:52%;max-height:calc(100% - 68px);inset:auto 4px 64px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel[data-size=compact]{height:32%;min-height:170px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel[data-size=full]{height:calc(100% - 68px)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-panel-sizing{border-bottom:1px solid var(--ui-border);flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:2px 8px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-panel-sizing button{min-height:44px;padding:0 8px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-sheet-grip{touch-action:none;place-items:center;min-width:44px;height:44px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-sheet-grip:after{content:"";background:var(--ui-muted);border-radius:4px;width:28px;height:4px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel .dock-panel-body{padding:8px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel .type-studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-scrim,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-scrim{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu{width:100%;max-width:440px;max-height:calc(var(--phone-viewport-height,100dvh) - 32px);margin:0 0 env(safe-area-inset-bottom);position:relative;inset:auto;overflow-y:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu button{white-space:normal;min-width:0;min-height:48px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu :is(button,strong){font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu>header{background:var(--ui-panel);z-index:1;position:sticky;top:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-close{flex:0 0 44px;margin-left:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-family-menu kbd{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette{width:100%;max-width:440px;max-height:calc(var(--phone-viewport-height,100dvh) - 24px);border-radius:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette :is(input,button){min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-groups{overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-group button,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-group button>span{min-width:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-group strong{overflow-wrap:anywhere;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette-group kbd{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tool-palette{outline:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :is(button,summary,input,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-app-menu>div{top:calc(var(--phone-viewport-top,0px) + env(safe-area-inset-top) + 50px);left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;max-height:calc(var(--phone-viewport-height,100dvh) - 110px);position:fixed;overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-app-menu kbd{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover{width:calc(100% - 16px);max-height:calc(var(--phone-viewport-height,100dvh) - 16px);margin:auto;position:fixed;inset:auto 8px 8px;overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover article{grid-template-columns:repeat(2,minmax(0,1fr))}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover article>.export-format-mark{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover article>:is(div,p),html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover article:first-child>button{grid-column:1/-1}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover :is(button,select){min-width:0;min-height:44px;font-size:14px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover select{width:100%;font-size:16px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-export-popover :is(p,small,footer span){font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-modal{max-height:var(--phone-viewport-height,100dvh);padding:8px;overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-toast{top:auto;bottom:calc(env(safe-area-inset-bottom) + 72px);background:var(--ui-raised);width:auto;max-width:none;color:var(--ui-text);border:1px solid var(--ui-border);font-size:13px;line-height:1.4;position:fixed;left:12px;right:12px;transform:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :is(.unsaved-document-dialog,.new-document-dialog){box-sizing:border-box;max-width:100%;max-height:calc(var(--phone-viewport-height,100dvh) - 16px);overflow:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :is(.unsaved-document-dialog,.new-document-dialog) button{min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .desktop-canvas-hud{max-width:calc(100% - 16px)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-toolbox-navigation{z-index:2;background:var(--ui-panel);border-bottom:1px solid var(--ui-border);padding-bottom:8px;position:sticky;top:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel>header{flex:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel .dock-panel-body{scrollbar-gutter:stable;scroll-padding-block:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-tool-settings .tone-controls label{grid-template-columns:64px minmax(0,1fr) 48px;gap:8px;min-height:48px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-tool-settings .tone-controls :is(input,select){width:100%;min-width:0}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-tool-settings .tone-controls output{overflow-wrap:anywhere;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-tool-settings .mask-segmented{grid-template-columns:1fr;gap:6px;display:grid}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-tool-settings>header input[type=color]{width:44px!important;height:44px!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-soft-keyboard=true] .tablet-panel{top:calc(var(--phone-viewport-top,0px) + env(safe-area-inset-top) + 4px);left:max(4px, env(safe-area-inset-left));right:max(4px, env(safe-area-inset-right));width:auto;height:calc(var(--phone-viewport-height,100dvh) - env(safe-area-inset-top) - 8px);box-sizing:border-box;max-height:none;position:fixed;bottom:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-soft-keyboard=true] .brush-toolbox-navigation>.brush-toolbox-heading{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :is(.tablet-panel,.tool-family-menu,.tool-palette){-webkit-backdrop-filter:none}@media (prefers-reduced-motion:reduce){html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] *,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :before,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (orientation:landscape) and (min-width:600px){html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .brush-toolbox-navigation>.brush-toolbox-heading{display:none}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-window{grid-template-rows:72px minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .studio-titlebar.spatial-topbar{height:72px;min-height:72px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-share-actions{grid-template-columns:44px minmax(0,1fr) repeat(4,44px) minmax(64px,76px)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-title-controls{order:0;grid-column:auto;gap:2px;display:flex}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-title-controls button{padding:0 4px;font-size:12px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-workspace{grid-template-rows:minmax(0,1fr) 54px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-toolbar{height:54px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .primary-tool-categories>button{height:44px;min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel,html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel[data-size=full],html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .tablet-panel[data-size=compact]{width:min(360px,48%);height:auto;min-height:0;max-height:none;top:4px;bottom:58px;left:auto}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-panel-sizing{display:none}}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-canvas-focus=true] .spatial-window{grid-template-rows:0 minmax(0,1fr)}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-canvas-focus=true] .studio-titlebar{visibility:hidden;height:0;min-height:0;padding:0;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-canvas-focus=true] .spatial-canvas-column{grid-template-rows:0 0 minmax(0,1fr)!important}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone][data-canvas-focus=true] :is(.studio-contextbar,.spatial-document-tabs){visibility:hidden;height:0;min-height:0;overflow:hidden}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .phone-focus-exit{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);z-index:100;border:1px solid var(--ui-border);background:var(--ui-panel);min-height:44px;color:var(--ui-text);border-radius:8px;padding:0 12px;position:absolute}@layer theme{@theme default{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@tailwind utilities;}:root{--ink:#17181b;--muted:#7c7f87;--line:#1b1e241a;--panel:#fafafbf5;--blue:#1479ff;--blue-soft:#e7f1ff;--workspace:#dfe1e5}html,body{width:100%;min-width:0;height:100%;color:var(--ink);font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#e7e8eb;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.studio-shell{background:#fff;grid-template-rows:48px 36px minmax(0,1fr) 27px;width:100vw;min-width:860px;height:100dvh;display:grid;overflow:hidden}.titlebar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(30px)saturate(1.3);backdrop-filter:blur(30px)saturate(1.3);background:#fcfcfdf0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px 0 16px;display:grid;position:relative}.window-side,.window-actions,.menu-items,.history-actions,.context-group{align-items:center;display:flex}.traffic-lights{gap:8px;margin-right:18px;display:flex}.traffic{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0000001f}.traffic.red{background:#ff5f57}.traffic.yellow{background:#febc2e}.traffic.green{background:#28c840}.brand-button{letter-spacing:-.15px;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:5px 8px;font-size:13px;font-weight:650;display:flex}.brand-button:hover,.top-icon:hover,.menu-row button:hover,.history-actions button:hover,.context-bar button:hover,.layer-footer button:hover{background:#0000000b}.brand-mark{color:#fff;background:linear-gradient(145deg,#127fff,#6d44ec);border-radius:7px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:760;display:grid;box-shadow:0 4px 12px #3669ee38}.document-title{align-items:baseline;gap:8px;font-size:12px;font-weight:570;display:flex}.save-state{color:#999ca4;font-size:10px;font-weight:500}.window-actions{justify-content:flex-end;gap:7px}.top-icon,.share-button,.export-button{cursor:pointer;border:0;border-radius:8px;height:30px}.top-icon{color:#4a4c52;background:0 0;width:32px;font-size:18px}.top-icon.selected{background:var(--blue-soft);color:var(--blue)}.share-button{background:#eef0f3;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:580;display:flex}.share-button span{font-size:14px}.export-button{background:var(--blue);color:#fff;padding:0 15px;font-size:12px;font-weight:640;box-shadow:0 2px 8px #1479ff3d}.export-button:hover,.generate-button:hover{background:#086fe9}.menu-row{z-index:9;border-bottom:1px solid var(--line);background:#f7f7f8;justify-content:space-between;align-items:center;padding:0 12px 0 72px;display:flex;position:relative}.menu-row button{cursor:pointer;background:0 0;border:0}.menu-items{gap:3px}.menu-items button{color:#4e5056;border-radius:5px;padding:5px 8px;font-size:11px}.history-actions{gap:2px}.history-actions button{color:#4f5259;border-radius:6px;width:28px;height:25px;font-size:16px}.history-actions button:disabled{opacity:.25}.workspace{grid-template-columns:58px minmax(0,1fr) 276px;min-height:0;display:grid}.toolbar{z-index:8;background:var(--panel);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:center;padding:10px 7px 14px;display:flex;position:relative}.tool-stack{flex-direction:column;gap:4px;display:flex}.tool-button{color:#52545a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:39px;padding:0;display:grid;position:relative}.tool-button:hover{background:#edeef1}.tool-button.active{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px #1479ff14}.tool-glyph{font-size:21px;font-weight:460;line-height:1}.glyph-brush{transform:rotate(-12deg)}.glyph-type{font-family:Georgia,serif;font-size:19px;font-weight:700}.glyph-hand{filter:grayscale();font-size:17px}.tool-tip{z-index:50;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#16181de6;border:1px solid #fff3;border-radius:7px;align-items:center;gap:14px;padding:7px 9px;font-size:11px;display:none;position:absolute;left:48px;box-shadow:0 7px 20px #00000029}.tool-button:hover .tool-tip{display:flex}.tool-tip kbd{color:#b9bbc0;font-size:10px}.bottom-tools{align-items:center}.color-wells{width:31px;height:31px;margin-top:2px;position:relative}.color-wells span{border:2px solid #fff;border-radius:6px;width:20px;height:20px;position:absolute;box-shadow:0 0 0 1px #00000029}.color-back{background:#f0ae62;bottom:0;right:0}.color-front{background:#283c5a;top:0;left:0}.canvas-area{background:var(--workspace);grid-template-rows:39px minmax(0,1fr);min-width:0;min-height:0;display:grid}.context-bar{z-index:7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f8f9f0;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:0 12px 0 15px;display:flex;position:relative}.context-group{gap:12px}.context-label{min-width:37px;font-size:11px;font-weight:630}.context-divider{background:var(--line);width:1px;height:18px}.context-bar button{cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:10.5px}.context-select{color:#52545a;gap:10px;padding:5px 7px;display:flex}.toggle-control{color:#6f7279;align-items:center;gap:7px;font-size:10.5px;display:flex}.toggle-control input{opacity:0;position:absolute}.toggle-control>span{background:#bdc0c6;border-radius:8px;width:25px;height:15px;position:relative}.toggle-control>span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle-control input:checked+span{background:var(--blue)}.toggle-control input:checked+span:after{transform:translate(10px)}.quick-action{color:#383a40;padding:6px 10px;background:#ebedf0!important}.stage{background:radial-gradient(circle at 50% 40%,#ffffff80,#0000 45%),#dfe1e5;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage:before{opacity:.34;content:"";background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%);background-position:0 0,7px 7px;background-size:14px 14px;position:absolute;inset:0}.artboard-wrap{z-index:1;transform-origin:50%;width:min(72vw,960px);max-width:calc(100% - 90px);transition:transform .18s cubic-bezier(.2,.8,.2,1);position:relative}.artboard{aspect-ratio:3/2;background:conic-gradient(#d8d8d8 25%, #eee 0 50%, #d8d8d8 0 75%, #eee 0) 0 / 18px 18px;width:100%;position:relative;overflow:hidden;box-shadow:0 22px 60px #1f263247,0 2px 8px #141c2833}.canvas-image{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .22s}.color-grade{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(115deg,#0f447538,#0000 40%),linear-gradient(20deg,#f16f1d33,#0000 45%);position:absolute;inset:0}.soft-glow{filter:blur(50px);pointer-events:none;background:#ffffff29;border-radius:50%;width:46%;height:50%;position:absolute;top:-18%;left:18%}.image-caption{color:#ffffffeb;text-align:right;text-shadow:0 2px 20px #0e131d33;flex-direction:column;display:flex;position:absolute;bottom:8%;right:6.5%}.image-caption span{letter-spacing:.55em;font-size:clamp(9px,1.05vw,15px);font-weight:570}.image-caption strong{letter-spacing:-.055em;margin-top:-2px;font-size:clamp(22px,3.2vw,47px);font-weight:690}.selection-marquee{filter:drop-shadow(0 0 1px #111);border:1.5px dashed #fff;border-radius:50% 42% 48% 44%;animation:3s linear infinite marquee;position:absolute;inset:9% 17% 18% 11%}@keyframes marquee{to{filter:drop-shadow(0 0 1px #111)hue-rotate(360deg)}}.cropping:after{content:"";border:1px solid #ffffffe6;position:absolute;inset:6%;box-shadow:0 0 0 500px #0000005c}.crop-grid{z-index:2;position:absolute;inset:6%}.crop-grid span{background:#ffffff7a;position:absolute}.crop-grid span:first-child,.crop-grid span:nth-child(2){width:1px;top:0;bottom:0}.crop-grid span:first-child{left:33.33%}.crop-grid span:nth-child(2){left:66.66%}.crop-grid span:nth-child(3),.crop-grid span:nth-child(4){height:1px;left:0;right:0}.crop-grid span:nth-child(3){top:33.33%}.crop-grid span:nth-child(4){top:66.66%}.ai-bar{z-index:5;-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);background:#fcfcfdeb;border:1px solid #ffffffb8;border-radius:14px;align-items:center;width:min(600px,100% - 110px);height:45px;padding:5px 5px 5px 14px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 11px 28px #2a303b38,0 2px 6px #2a303b1a}.ai-spark{color:#745ff4;margin-right:9px;font-size:17px}.ai-bar input{color:#27292e;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.ai-bar input::placeholder{color:#8e9198}.ai-reference,.generate-button{white-space:nowrap;cursor:pointer;border:0;border-radius:9px;height:33px;font-size:10.5px}.ai-reference{color:#6d7077;background:0 0;margin-right:5px;padding:0 10px}.ai-reference:hover{background:#eff0f2}.generate-button{background:var(--blue);color:#fff;padding:0 14px;font-weight:620}.zoom-dock{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f9fadb;border:1px solid #ffffff80;border-radius:10px;align-items:center;gap:5px;height:32px;padding:0 7px;display:flex;position:absolute;bottom:16px;right:13px;box-shadow:0 5px 15px #292f3821}.zoom-dock button{color:#565960;cursor:pointer;background:0 0;border:0;width:20px;padding:0;font-size:16px}.zoom-dock input{width:54px;accent-color:var(--blue)}.zoom-dock span{color:#6c6f75;font-variant-numeric:tabular-nums;min-width:31px;font-size:9.5px}.inspector{z-index:8;background:var(--panel);border-left:1px solid var(--line);grid-template-rows:40px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.panel-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding:4px 10px 0;display:grid}.panel-tabs button{color:#8a8d94;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:580;position:relative}.panel-tabs button.active{color:var(--ink)}.panel-tabs button.active:after{background:var(--blue);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.panel-scroll{scrollbar-width:thin;scrollbar-color:#c9cbd0 transparent;min-height:0;overflow:auto}.panel-section{border-bottom:1px solid var(--line);padding:14px 15px 15px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:620;display:flex}.panel-heading button{color:#8e9198;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:9px}.histogram{background:linear-gradient(#0000,#ffffff4d),#e8e9ec;border-radius:8px;align-items:flex-end;gap:2px;height:55px;padding:8px 9px 0;display:flex;overflow:hidden}.histogram i{opacity:.72;background:linear-gradient(#b5b9c0,#49515f);border-radius:1px 1px 0 0;flex:1;min-width:3px}.rgb-values{color:#9b9da3;font-family:var(--font-geist-mono), monospace;justify-content:center;gap:18px;margin-top:7px;font-size:8.5px;display:flex}.enhance-button{background:var(--blue-soft);width:100%;height:31px;color:var(--blue);cursor:pointer;border:1px solid #1479ff29;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-bottom:15px;font-size:10.5px;font-weight:620;display:flex}.enhance-button:hover{background:#d9eaff}.enhance-button span{color:#725ced}.slider-list,.slider-row{flex-direction:column;display:flex}.slider-list{gap:11px}.slider-row{gap:5px}.slider-meta{color:#62656c;justify-content:space-between;align-items:center;font-size:9.5px;display:flex}.slider-meta output{color:#868990;text-align:right;min-width:26px;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:8.5px}.slider-row input{width:100%;height:3px;accent-color:var(--blue);cursor:pointer;border-radius:3px;margin:0}.compact-section{padding-bottom:18px}.compact-section .panel-heading{margin-bottom:14px}.chevron{color:#8f9299}.layers-panel{flex-direction:column;min-height:0;padding:12px 8px 0;display:flex}.layers-header{color:#73767d;justify-content:space-between;padding:0 8px 10px;font-size:10px;display:flex}.layers-header button{color:#858890;cursor:pointer;background:0 0;border:0}.layer-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:20px 40px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:54px;padding:5px 6px;display:grid}.layer-row:hover{background:#f0f1f3}.layer-row.active{background:var(--blue-soft);border-color:#1479ff1f}.visibility{color:#8a8d93;text-align:center;font-size:11px}.layer-thumb{background:#e6e7e9;border:1px solid #00000014;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.grade-thumb{background:linear-gradient(135deg,#2e6ab4d6,#0000 55%),linear-gradient(30deg,#f7a14e,#eee2c9)}.text-thumb{color:#31343a;background:#fff;font-family:Georgia,serif;font-weight:700}.photo-thumb{background-position:50%;background-size:cover}.layer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.layer-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:590;overflow:hidden}.layer-copy small{color:#8f9299;font-size:8.5px}.layer-footer{border-top:1px solid var(--line);align-items:center;gap:4px;height:41px;margin-top:auto;display:flex}.layer-footer button{color:#696c73;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:27px;height:27px;padding:0 5px;font-size:13px}.layer-footer span{flex:1}.statusbar{z-index:10;border-top:1px solid var(--line);color:#85888f;background:#f8f8f9;justify-content:space-between;align-items:center;padding:0 13px 0 72px;font-size:9px;display:flex;position:relative}.statusbar button{color:#6d7077;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 4px;font-size:9px;display:flex}.status-dot{background:#32c75a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #32c75a1f}.statusbar div{gap:17px;display:flex}.toast{z-index:100;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2025e8;border:1px solid #ffffff2e;border-radius:11px;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 9px;font-size:11px;animation:.24s ease-out toast-in;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0003}.toast span{background:#30bd59;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1050px){.workspace{grid-template-columns:54px minmax(0,1fr) 240px}.artboard-wrap{max-width:calc(100% - 38px)}.toggle-control,.ai-reference{display:none}}@media (max-height:720px){.tool-button{width:36px;height:33px}.toolbar{padding-top:6px;padding-bottom:7px}.histogram-section{display:none}.slider-list{gap:8px}.panel-section{padding-top:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid #69b7ff!important}.studio-skip-link{z-index:1000;color:#090a0f;background:#fff;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.studio-skip-link:focus{transform:translateY(0)}.workspace-switcher{scrollbar-width:none;background:#e1e6ed85;border:1px solid #ffffffb3;border-radius:11px;align-items:center;gap:3px;min-width:0;padding:3px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #404b5b0f}.workspace-switcher button{color:#7c838d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:56px;height:27px;padding:0 12px;font-size:8.5px;font-weight:620;transition:all .16s}.batch-top-button{color:#616b78;cursor:pointer;background:#ffffff7a;border:1px solid #ffffffa6;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 9px;font-size:8.5px;font-weight:620;display:flex}.batch-top-button span{color:#735be5;font-size:12px}.filmstrip-mode{border-right:1px solid #49546414;flex-direction:column;justify-content:center;align-items:flex-start;min-width:79px;padding:0 9px;display:flex}.filmstrip-mode span{color:#9299a3;margin-top:2px;font-size:7px}.canvas-status{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:8px;left:9px;right:9px}.canvas-status span{color:#ffffffd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#161c2475;border:1px solid #ffffff3d;border-radius:6px;padding:4px 6px;font-size:6.5px}.cutout-active>img{clip-path:polygon(0 0,100% 0,100% 78%,93% 81%,87% 86%,76% 89%,65% 87%,55% 91%,43% 88%,32% 92%,20% 87%,9% 90%,0 85%)}.cutout-vignette{z-index:-1;background:conic-gradient(#d8dce2 25%, #f1f3f5 0 50%, #d8dce2 0 75%, #f1f3f5 0) 0 / 18px 18px;position:absolute;inset:0}.live-mask{pointer-events:none;background:radial-gradient(at 50% 63%,#674ae657 0 36%,#0000 37%),linear-gradient(#0000 42%,#3d88f23b 43% 78%,#0000 79%);border:1px dashed #fffffff2;border-radius:47% 52% 42% 56%/45% 50% 46% 56%;animation:2.8s ease-in-out infinite alternate mask-breathe;position:absolute;inset:6%;box-shadow:0 0 0 1px #23262c40,inset 0 0 40px #5b41da21}@keyframes mask-breathe{to{filter:saturate(1.2);box-shadow:0 0 0 1px #23262c33,inset 0 0 58px #5b41da33}}.live-mask>span{color:#fff;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d283dbd;border-radius:6px;padding:4px 7px;font-size:6.5px;font-weight:700;position:absolute;top:-12px;left:14px}.mask-point{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid;position:absolute;box-shadow:0 3px 10px #20252d4d}.mask-point.keep{background:#2f8cf5;top:47%;left:62%}.mask-point.remove{background:#ef5b66;top:20%;left:15%}.gradient-guide{filter:drop-shadow(0 1px 2px #0006);align-items:center;width:50%;display:flex;position:absolute;top:50%;left:25%;transform:rotate(-12deg)}.gradient-guide span{background:#fff;flex:1;height:1px}.gradient-guide i{background:#247fec;border:2px solid #fff;border-radius:50%;width:11px;height:11px}.gradient-guide i:last-child{background:0 0}.depth-scene{z-index:12;perspective:650px;background:radial-gradient(circle at 52% 44%,#6a4ce74d,#0000 27%),linear-gradient(155deg,#0c192e2e,#151a2a7a);position:absolute;inset:0;overflow:hidden}.depth-grid{background-color:#0000;background-image:linear-gradient(#ffffff2b 1px,#0000 1px),linear-gradient(90deg,#ffffff2b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:35px 35px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:90%;position:absolute;bottom:-53%;left:-15%;right:-15%;transform:rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.mesh-object{aspect-ratio:1;width:min(31vw,310px);transform-style:preserve-3d;animation:6s ease-in-out infinite alternate mesh-float;position:absolute;top:21%;left:50%;transform:translate(-50%)rotateX(58deg)rotate(43deg)}@keyframes mesh-float{to{transform:translate(-50%,-9px)rotateX(64deg)rotate(49deg)}}.mesh-object i{clip-path:polygon(50% 0,96% 25%,83% 80%,50% 100%,12% 76%,4% 25%);background:radial-gradient(circle at 25% 20%,#ffffffb8,#0000 23%),linear-gradient(145deg,#ff8e32e0,#5c45d6b8);border:1px solid #ffffffad;position:absolute;inset:22%;box-shadow:inset -20px -30px 50px #1d13494d,0 30px 55px #15182747}.mesh-object i:nth-child(2){opacity:.72;transform:translateZ(10px)scale(.88)}.mesh-object i:nth-child(3){opacity:.58;transform:translateZ(20px)scale(.72)}.mesh-object i:nth-child(4){opacity:.46;transform:translateZ(30px)scale(.56)}.mesh-object i:nth-child(5){opacity:.38;transform:translateZ(40px)scale(.4)}.mesh-object i:nth-child(6){opacity:.32;transform:translateZ(50px)scale(.24)}.depth-label{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e23316b;border:1px solid #ffffff4d;border-radius:7px;padding:6px 8px;font-size:7px;position:absolute;top:18px;left:18px}.axis-gizmo{gap:4px;display:flex;position:absolute;bottom:26px;right:18px}.axis-gizmo b{color:#ef5265;background:#ffffffbd;border-radius:6px;place-items:center;width:20px;height:20px;font-size:7px;display:grid}.axis-gizmo b:nth-child(2){color:#22a568}.axis-gizmo b:nth-child(3){color:#2c79ec}.ai-processing{z-index:30;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c202bb8;border:1px solid #ffffff57;border-radius:12px;grid-template-columns:28px auto;align-items:center;gap:1px 8px;min-width:150px;padding:9px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #13192745}.ai-processing i{background:linear-gradient(145deg,#7458e9,#2b85ee);border-radius:9px;grid-row:1/3;place-items:center;width:28px;height:28px;font-style:normal;animation:1.5s linear infinite ai-spin;display:grid}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-processing strong{font-size:8px}.ai-processing span{color:#bec4ce;font-size:6.5px}.layer-stack{scrollbar-width:none;max-height:178px;overflow-y:auto}.layer-stack::-webkit-scrollbar{display:none}.layer-add-menu button{color:#737b86;cursor:pointer;background:0 0;border:0;border-radius:7px;width:24px;height:24px}.spatial-layer .layer-name{flex-direction:column;gap:2px;min-width:0;display:flex}.spatial-layer .layer-name small{color:#9aa0a9;text-transform:capitalize;font-size:6.5px}.spatial-layer-thumb.kind-adjustment,.spatial-layer-thumb.kind-mask,.spatial-layer-thumb.kind-text,.spatial-layer-thumb.kind-mesh{color:#777f8a;background:linear-gradient(145deg,#e6e8ec,#f8f9fa);font-size:13px}.spatial-layer-thumb.kind-mask{color:#6e59df;background:linear-gradient(135deg,#0000 50%,#262b34 51%),#fff}.spatial-layer-thumb.kind-text{font-weight:720}.spatial-layer-thumb.kind-mesh{color:#7459e8}.layer-controls{border-top:1px solid #4652630f;gap:7px;padding:7px;display:grid}.layer-controls label,.mask-controls label{color:#717985;grid-template-columns:55px 1fr 38px;align-items:center;gap:5px;font-size:7.5px;display:grid}.layer-controls input,.mask-controls input,.material-sliders input{accent-color:#6b7b8e;width:100%;height:3px}.layer-controls output,.mask-controls output{text-align:right;font-family:var(--font-geist-mono), monospace;font-size:7px}.mask-card{padding-bottom:8px}.mask-segmented{background:#dee3eaa8;border-radius:8px;grid-template-columns:1fr 1fr;margin:8px;padding:2px;display:grid}.mask-segmented button{color:#7a828d;background:0 0;border:0;border-radius:6px;height:25px;font-size:7.5px}.mask-controls{gap:8px;padding:2px 10px 9px;display:grid}.mask-actions{grid-template-columns:repeat(3,1fr);gap:5px;padding:0 8px;display:grid}.mask-actions button{color:#68717d;cursor:pointer;background:#e6eaf0b3;border:1px solid #0000000a;border-radius:7px;height:25px;font-size:7px}.mask-actions button:last-child{color:#246fcf;background:#e3e9fbcc;grid-column:1/-1}.adjustment-chips{scrollbar-width:none;gap:4px;padding:7px 9px 0;display:flex;overflow-x:auto}.adjustment-chips button{color:#6e7783;white-space:nowrap;background:#e5e9efad;border:1px solid #0000000a;border-radius:6px;height:22px;padding:0 7px;font-size:6.5px}.curve-graph{background-color:#e1e6ec80;background-image:linear-gradient(#66707f1a 1px,#0000 1px),linear-gradient(90deg,#66707f1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25% 25%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;height:56px;margin:0 10px 9px;position:relative;overflow:hidden}.curve-graph span{border-top:2px solid #735be5;border-radius:50%;position:absolute;inset:25% 5% 10%;transform:rotate(-18deg)}.curve-graph i{z-index:2;background:#735be5;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 2px 6px #3d2d8d4d}.curve-graph i:first-child{bottom:8px;left:8%}.curve-graph i:nth-child(2){bottom:20px;left:34%}.curve-graph i:nth-child(3){top:15px;left:63%}.curve-graph i:nth-child(4){top:6px;right:8%}.neural-compact>header small{color:#6f59d8;letter-spacing:.07em;background:#6f57e017;border-radius:5px;padding:3px 5px;font-size:5.5px;font-weight:720}.neural-quick-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid}.neural-quick-grid button{color:#6b7480;cursor:pointer;background:#e7ebf18c;border:1px solid #00000009;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:42px;display:flex}.neural-quick-grid button:hover{color:#6650d7;background:#e9e5fad9}.neural-quick-grid i{color:#6d57e2;font-size:11px;font-style:normal}.neural-quick-grid span{font-size:6px}.scene-list{gap:3px;padding:7px;display:grid}.scene-list button{color:#66707b;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;height:28px;padding:0 7px;font-size:7px;display:grid}.scene-list button.active{background:#dbe1eab8}.scene-list small{color:#989fa8;font-size:6px}.scene-dot{border-radius:50%;width:7px;height:7px}.scene-dot.violet{background:#795fea}.scene-dot.amber{background:#f4a12c}.scene-dot.blue{background:#2d8cf3}.material-sliders{border-top:1px solid #4954640f;gap:7px;padding:7px 10px;display:grid}.material-sliders label{color:#727b87;grid-template-columns:61px 1fr;align-items:center;gap:5px;font-size:7px;display:grid}.timeline-mini{background:#dfe4eb8c;border-radius:8px;margin:2px 8px 8px;overflow:hidden}.timeline-mini header{color:#707985;grid-template-columns:1fr 22px 36px;align-items:center;height:25px;padding:0 7px;font-size:6.5px;display:grid}.timeline-mini header button{color:#6f58de;background:0 0;border:0}.timeline-mini header strong{font-family:var(--font-geist-mono), monospace;font-size:6px}.timeline-mini>div{background:repeating-linear-gradient(90deg,#0000 0 19px,#5f6a791a 20px);border-top:1px solid #4652630f;height:25px;position:relative}.timeline-mini>div i{background:#745ae6;width:7px;height:7px;position:absolute;top:8px;transform:rotate(45deg)}.timeline-mini>div span{background:#ea5363;width:1px;position:absolute;top:0;bottom:0;left:60%}.neural-suite{grid-template-rows:60px 300px auto}.neural-suite .spatial-neural-actions button{height:52px}.neural-suite .spatial-neural-actions button>span:nth-child(2){flex-direction:column;align-items:flex-start;gap:2px;display:flex}.neural-suite .spatial-neural-actions small{color:#9299a3;font-size:6.5px}.batch-modal{-webkit-backdrop-filter:blur(38px)saturate(1.45);backdrop-filter:blur(38px)saturate(1.45);background:#f7f9fcf0;border:1px solid #ffffffd6;border-radius:21px;grid-template-rows:62px 47px minmax(260px,48vh) 58px;width:min(880px,100vw - 80px);display:grid;overflow:hidden;box-shadow:0 40px 100px #2c36484d}.batch-modal>header{border-bottom:1px solid #4b566612;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.batch-modal>header>div{align-items:center;gap:9px;display:flex}.batch-modal>header>div>span{color:#fff;background:linear-gradient(145deg,#7359e7,#2d85ee);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.batch-modal>header div div{flex-direction:column;gap:2px;display:flex}.batch-modal>header strong{font-size:11px}.batch-modal>header small{color:#8d949e;font-size:7px}.batch-modal>header>button{color:#737b86;cursor:pointer;background:#dfe4ebbf;border:0;border-radius:50%;width:28px;height:28px;font-size:16px}.batch-toolbar{border-bottom:1px solid #4b56660f;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.batch-toolbar>div{gap:4px;display:flex}.batch-toolbar button{color:#6f7782;cursor:pointer;background:#e5e9efa6;border:1px solid #0000000a;border-radius:7px;height:27px;padding:0 9px;font-size:7px}.batch-toolbar button.active{color:#6751d7;background:#e8e4fbd1}.batch-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;padding:13px;display:grid;overflow-y:auto}.batch-grid.empty{place-items:center;display:grid}.batch-grid.empty>button{color:#77808b;cursor:pointer;background:#e5e9ef61;border:1px dashed #5863743b;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:calc(100% - 20px);height:calc(100% - 20px);display:flex}.batch-grid.empty i{color:#6e57e0;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;font-style:normal;display:grid;box-shadow:0 7px 19px #3742541a}.batch-grid.empty strong{font-size:10px}.batch-grid.empty span{color:#989fa8;font-size:7px}.batch-grid article{background:#e8ecf19e;border:1px solid #ffffffb3;border-radius:11px;min-width:0;padding:5px}.batch-grid article>div{border-radius:8px;height:110px;position:relative;overflow:hidden}.batch-grid article img{object-fit:cover;width:100%;height:100%}.batch-grid article div span{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#232831a3;border-radius:6px;padding:4px 6px;font-size:6px;position:absolute;top:6px;left:6px}.batch-grid article>strong,.batch-grid article>small{text-overflow:ellipsis;white-space:nowrap;margin:6px 4px 0;display:block;overflow:hidden}.batch-grid article>strong{color:#56606c;font-size:7.5px}.batch-grid article>small{color:#969da7;margin-top:2px;font-size:6px}.batch-modal>footer{border-top:1px solid #4b566612;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.batch-modal>footer span{color:#8a929d;font-size:7px}.batch-modal>footer button{color:#fff;cursor:pointer;background:#171a20;border:0;border-radius:10px;height:34px;padding:0 14px;font-size:8px;font-weight:650}@media (max-height:760px){.layer-stack{max-height:118px}.neural-quick-grid button{height:34px}.mask-controls{gap:4px}.mask-actions button{height:21px}.scene-list button{height:23px}.material-sliders{gap:4px}.timeline-mini>div{height:20px}}html[data-luma-platform=desktop] .spatial-studio{background:radial-gradient(at 2% 88%,#135bd442,#0000 33%),radial-gradient(at 82% -10%,#48659e24,#0000 38%),#03050a;padding:8px}html[data-luma-platform=desktop] .spatial-window{background:#090b0f;border-color:#ffffff2b;border-radius:13px;grid-template-rows:47px minmax(0,1fr) 20px;box-shadow:0 24px 64px #000000a3,inset 0 1px #ffffff12}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{background:linear-gradient(#181b21fa,#0f1116fa);height:47px}html[data-luma-platform=desktop] .spatial-toolbar{background:linear-gradient(90deg,#11141a,#0d1015);padding:8px 6px}html[data-luma-platform=desktop] .primary-tool-categories>button.active{background:linear-gradient(145deg,#1d91ff47,#085abe2b);box-shadow:inset 0 0 0 1px #4ba9ff33,0 4px 12px #0055be24}html[data-luma-platform=desktop] .spatial-canvas-stage:after{z-index:1;content:"";pointer-events:none;border:1px solid #ffffff06;position:absolute;inset:0;box-shadow:inset 0 18px 45px #00000029,inset 0 -22px 60px #0000002e}html[data-luma-platform=desktop][data-space-held=true] .spatial-canvas-stage canvas{cursor:grab!important}html[data-luma-platform=desktop][data-space-held=true] .spatial-canvas-stage canvas:active{cursor:grabbing!important}html[data-luma-platform=desktop] .virtual-layer-stack{contain:strict;scrollbar-gutter:stable;position:relative;overflow:auto!important}html[data-luma-platform=desktop] .virtual-layer-spacer,html[data-luma-platform=desktop] .virtual-layer-window{width:100%;position:relative}html[data-luma-platform=desktop] .virtual-layer-window{position:absolute;top:0;left:0}html[data-luma-platform=desktop] .virtual-layer-stack .spatial-layer{padding-left:calc(7px + var(--layer-indent,0px));position:absolute;left:0;margin:0!important}html[data-luma-platform=desktop] .desktop-property-target{border-bottom:1px solid #fff1;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:58px;display:grid}html[data-luma-platform=desktop] .desktop-property-target>.spatial-layer-thumb{border-radius:6px;grid-column:auto;width:36px;height:32px}html[data-luma-platform=desktop] .desktop-property-target>span:nth-child(2){gap:2px;min-width:0;display:grid}html[data-luma-platform=desktop] .desktop-property-target strong{color:#e4e7ed;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:590;overflow:hidden}html[data-luma-platform=desktop] .desktop-property-target small{color:#6d7480;font-size:7.5px}html[data-luma-platform=desktop] .desktop-property-target>button,html[data-luma-platform=desktop] .desktop-empty-action{color:#9fc9f6;cursor:pointer;background:#191d24;border:1px solid #ffffff17;border-radius:7px;height:27px}html[data-luma-platform=desktop] .desktop-property-buttons{justify-content:stretch}html[data-luma-platform=desktop] .desktop-property-buttons>button{flex:1}html[data-luma-platform=desktop] .desktop-empty-action{margin-top:12px}html[data-luma-platform=desktop] .desktop-space-hint{background:linear-gradient(120deg,#125baa24,#ffffff06);border:1px solid #459bff26;border-radius:10px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;margin-top:12px;padding:0 11px;display:grid}html[data-luma-platform=desktop] .desktop-space-hint>kbd{color:#dbe9f8;background:#20252d;border:1px solid #ffffff21;border-bottom-color:#ffffff3d;border-radius:6px;place-items:center;height:25px;font-size:7px;display:grid;box-shadow:0 2px #090b0e}html[data-luma-platform=desktop] .desktop-space-hint>span{gap:2px;display:grid}html[data-luma-platform=desktop] .desktop-space-hint strong{color:#cdd9e7;font-size:9px}html[data-luma-platform=desktop] .desktop-space-hint small{color:#707885;font-size:7.5px}html[data-luma-platform=desktop] .space-deck{z-index:40;box-sizing:border-box;color:#eef2f7;pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(1.25);backdrop-filter:blur(28px)saturate(1.25);background:linear-gradient(145deg,#1f242ded,#0c0f15f2),#0b0e14eb;border:1px solid #ffffff30;border-radius:17px;gap:10px;width:min(560px,100% - 28px);padding:11px;animation:.145s cubic-bezier(.2,.85,.2,1) both space-deck-in;display:grid;position:absolute;box-shadow:0 28px 75px #000000ad,inset 0 1px #ffffff14,0 0 0 1px #00000080}@keyframes space-deck-in{0%{opacity:0;transform:translateY(9px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}html[data-luma-platform=desktop] .space-deck-header{grid-template-columns:minmax(0,1fr) minmax(80px,auto) 24px 24px;align-items:center;gap:9px;height:26px;display:grid}html[data-luma-platform=desktop] .space-deck-header>span:first-child{align-items:center;gap:7px;display:flex}html[data-luma-platform=desktop] .space-deck-header i{color:#58aaff;font-size:10px;font-style:normal}html[data-luma-platform=desktop] .space-deck-header strong{font-size:10px;font-weight:650}html[data-luma-platform=desktop] .space-deck-header small{color:#75b5f7;letter-spacing:.08em;text-transform:uppercase;background:#489dff1f;border-radius:99px;padding:3px 6px;font-size:7px;font-weight:650}html[data-luma-platform=desktop] .space-deck-target{color:#747c88;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}html[data-luma-platform=desktop] .space-deck-header>button{color:#818995;cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px}html[data-luma-platform=desktop] .space-deck-header>button:hover{color:#fff;background:#ffffff14}html[data-luma-platform=desktop] .space-deck-header>.space-deck-pin[aria-pressed=true]{color:#65b2ff;background:#2d8ff629;box-shadow:inset 0 0 0 1px #4ca5ff3d}html[data-luma-platform=desktop] .space-deck-features{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:7px;display:grid}html[data-luma-platform=desktop] .space-feature{box-sizing:border-box;color:#d9e0e9;background:linear-gradient(145deg,#252b36b8,#0e1117c7);border:1px solid #ffffff16;border-radius:10px;min-width:0;min-height:58px;padding:9px 10px}html[data-luma-platform=desktop] .space-feature strong{font-size:8px;font-weight:650}html[data-luma-platform=desktop] .space-feature small{color:#737d8b;font-size:6.5px}html[data-luma-platform=desktop] .space-feature-range{align-content:center;gap:7px;display:grid}html[data-luma-platform=desktop] .space-feature-range>span,html[data-luma-platform=desktop] .space-feature-color>span{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}html[data-luma-platform=desktop] .space-feature-range output{color:#7eb9f4;font-variant-numeric:tabular-nums;font-size:7px}html[data-luma-platform=desktop] .space-feature-range input{accent-color:#3298ff;width:100%;height:12px;margin:0}html[data-luma-platform=desktop] .space-feature-choice,html[data-luma-platform=desktop] .space-feature-text{align-content:center;gap:6px;display:grid}html[data-luma-platform=desktop] .space-feature-choice select,html[data-luma-platform=desktop] .space-feature-text input{box-sizing:border-box;color:#dce5ef;background:#151a22;border:1px solid #ffffff1a;border-radius:6px;width:100%;min-width:0;height:25px;padding:0 7px;font-size:8px}html[data-luma-platform=desktop] .space-feature-text{grid-column:span 2}html[data-luma-platform=desktop] .space-feature-color{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}html[data-luma-platform=desktop] .space-feature-color>span{justify-content:initial;gap:3px;display:grid}html[data-luma-platform=desktop] .space-feature-color input{background:#ffffff0f;border:0;border-radius:7px;width:34px;height:30px;padding:1px}html[data-luma-platform=desktop] button.space-feature-toggle,html[data-luma-platform=desktop] button.space-feature-action{text-align:left;cursor:pointer;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;display:grid}html[data-luma-platform=desktop] button.space-feature-toggle>i,html[data-luma-platform=desktop] button.space-feature-action>i{color:#68adf3;text-align:center;font-size:13px;font-style:normal}html[data-luma-platform=desktop] button.space-feature-toggle>span,html[data-luma-platform=desktop] button.space-feature-action>span{gap:2px;min-width:0;display:grid}html[data-luma-platform=desktop] button.space-feature-toggle.active{background:#267edd1f;border-color:#439dff66}html[data-luma-platform=desktop] button.space-feature-action:hover,html[data-luma-platform=desktop] button.space-feature-toggle:hover{border-color:#439dff5c}html[data-luma-platform=desktop] button.space-feature-action:disabled{cursor:default;opacity:.35}html[data-luma-platform=desktop] .space-deck-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}html[data-luma-platform=desktop] .space-deck-actions>button{color:#cbd2dc;text-align:left;cursor:pointer;background:#ffffff07;border:1px solid #ffffff13;border-radius:9px;grid-template-columns:16px 22px minmax(0,1fr);align-items:center;gap:6px;min-width:0;height:50px;padding:0 8px;display:grid}html[data-luma-platform=desktop] .space-deck-actions>button:hover{background:#267edd1a;border-color:#439dff5c}html[data-luma-platform=desktop] .space-deck-actions kbd{color:#687382;font-size:7px}html[data-luma-platform=desktop] .space-deck-actions i{color:#77b8fa;text-align:center;font-size:13px;font-style:normal}html[data-luma-platform=desktop] .space-deck-actions span{gap:2px;min-width:0;display:grid}html[data-luma-platform=desktop] .space-deck-actions strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}html[data-luma-platform=desktop] .space-deck-actions small{color:#6f7885;text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;overflow:hidden}html[data-luma-platform=desktop] .space-deck>footer{color:#626b78;justify-content:space-between;font-size:6.5px;display:flex}html[data-luma-platform=desktop] .space-deck>footer kbd{color:#929ba8;background:#ffffff09;border:1px solid #ffffff17;border-radius:4px;padding:2px 4px;font-size:6.5px}@media (max-width:1060px){html[data-luma-platform=desktop] .spatial-workspace{grid-template-columns:50px minmax(0,1fr) 286px}html[data-luma-platform=desktop] .space-deck{width:min(500px,100% - 28px)}html[data-luma-platform=desktop] .space-deck-actions small{display:none}}.layer-focus-panel{background:#fafbfcf7;border:1px solid #292f3b21;border-radius:10px;grid-template-columns:108px minmax(0,1fr);min-width:0;height:106px;margin:6px 8px;display:grid;overflow:visible;box-shadow:0 5px 18px #272c371a,0 1px 2px #272c370d}.focus-status{border-right:1px solid #292f3b1a;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:10px 12px;display:flex;position:relative}.focus-status>div{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.focus-status strong{color:#30343b;letter-spacing:.11em;font-size:10px;font-weight:720}.focus-status small{color:#9a9fa8;font-size:7px}.focus-status>span{color:#555b65;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:570;overflow:hidden}.focus-status>button:not(.focus-collapse){color:#2565d6;cursor:pointer;background:#397cf512;border:1px solid #397cf533;border-radius:5px;width:max-content;height:20px;padding:0 6px;font-size:8px}.focus-collapse{color:#9a9fa8;cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0;position:absolute;bottom:4px;right:5px}.focus-window{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-color:#3238442e transparent;scrollbar-width:thin;min-width:0;height:104px;padding:8px 10px;overflow:auto visible}.focus-window::-webkit-scrollbar{height:5px}.focus-window::-webkit-scrollbar-thumb{background:#3238442e;border-radius:999px}.focus-window-content{height:88px;position:relative}.focus-virtual-item{width:116px;height:88px;position:absolute;top:0}.focus-card{background:#eef0f3;border:1px solid #2a303b21;border-radius:7px;width:116px;height:88px;transition:border-color .13s,background .13s,box-shadow .13s,transform .13s;position:relative;box-shadow:0 1px 2px #262b350d}.focus-card:hover{border-color:#2b334147;transform:translateY(-1px)}.focus-card.selected{border-color:#397cf5;box-shadow:0 0 0 1px #397cf53b,0 3px 9px #2e61bf1a}.focus-card.focused{background:#eaf2ff;box-shadow:0 0 0 1px #397cf547,0 4px 13px #2e61bf29}.focus-card.hidden-layer{opacity:.58}.focus-card.locked-layer .focus-card-select canvas{filter:saturate(.75)}.focus-card-select{cursor:default;background:0 0;border:0;border-radius:6px;width:100%;height:100%;padding:3px;position:absolute;inset:0;overflow:hidden}.focus-card-select canvas{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.focus-type-badge,.focus-lock-badge,.focus-mode-badge{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23272fa3;border:1px solid #ffffffa6;border-radius:4px;align-items:center;gap:3px;display:inline-flex;position:absolute}.focus-type-badge{padding:2px 3px;top:6px;left:6px}.focus-lock-badge{padding:2px 3px;top:6px;right:6px}.focus-mode-badge{background:#2769e0db;padding:2px 5px;font-size:7px;font-style:normal;font-weight:630;bottom:6px;right:6px}.focus-hover-meta{color:#fff;opacity:0;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#1f232bad;border-radius:0 0 4px 4px;flex-direction:column;gap:1px;min-width:0;padding:14px 6px 5px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:3px;left:3px;right:3px;transform:translateY(3px)}.focus-hover-meta strong,.focus-hover-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-hover-meta strong{font-size:8px;font-weight:620}.focus-hover-meta small{color:#ffffffb8;text-transform:capitalize;font-size:7px}.focus-card:hover .focus-hover-meta{opacity:1;transform:translateY(0)}.focus-card.focused .focus-hover-meta{right:38px}.focus-card-actions{z-index:4;opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:5px;right:5px}.focus-card:hover .focus-card-actions,.focus-card:focus-within .focus-card-actions{opacity:1}.focus-card-actions button{color:#4d5561;cursor:pointer;background:#ffffffeb;border:1px solid #1f232b24;border-radius:4px;align-items:center;gap:3px;height:20px;padding:0 4px;font-size:7px;display:inline-flex;box-shadow:0 2px 7px #20252e24}.focus-card-actions button:hover{color:#2767dc}.focus-add-menu{width:84px;height:88px;position:absolute;top:0}.focus-add-menu>summary{color:#727985;cursor:pointer;background:#f2f3f5;border:1px dashed #373f4c3d;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:84px;height:88px;font-size:8px;list-style:none;display:flex}.focus-add-menu>summary::-webkit-details-marker{display:none}.focus-add-menu[open]>summary,.focus-add-menu>summary:hover{color:#2767dc;background:#eef4ff;border-color:#397cf570}.focus-add-menu>div{z-index:90;background:#fff;border:1px solid #2a303b26;border-radius:8px;gap:1px;width:176px;padding:5px;display:grid;position:absolute;bottom:96px;right:0;box-shadow:0 14px 38px #22273130}.focus-add-menu>div button{color:#4d535d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;height:29px;padding:0 7px;font-size:9px;display:grid}.focus-add-menu>div button:hover{color:#2767dc;background:#eef4ff}.focus-canvas-controls{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfdf0;border:1px solid #2a303b24;border-radius:8px;align-items:center;gap:7px;max-width:calc(100% - 28px);min-height:32px;padding:4px 5px 4px 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #252a3421}.focus-breadcrumbs{white-space:nowrap;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.focus-breadcrumbs span{align-items:center;gap:3px;min-width:0;display:inline-flex}.focus-breadcrumbs i{color:#a2a7b0;font-size:10px;font-style:normal}.focus-breadcrumbs button,.focus-target-switch button,.focus-context-switch button,.focus-exit{color:#666d78;cursor:pointer;background:0 0;border:0;border-radius:4px;height:23px;padding:0 6px;font-size:8px}.focus-breadcrumbs button:hover,.focus-breadcrumbs button.current{color:#2767dc;background:#edf3ff}.focus-target-switch,.focus-context-switch{background:#eceef1;border-radius:5px;align-items:center;gap:1px;padding:2px;display:flex}.focus-target-switch button.active,.focus-context-switch button.active{color:#2767dc;background:#fff;box-shadow:0 1px 3px #21263017}.focus-target-switch button:disabled,.focus-context-switch button:disabled{opacity:.35;cursor:default}.focus-context-switch>span{color:#8a9099;padding:0 4px;font-size:7px}.focus-edit-state{color:#a26c1d;white-space:nowrap;padding:0 4px;font-size:7px}.focus-exit{color:#2767dc;white-space:nowrap;background:#397cf512;border:1px solid #397cf533}@media (max-width:1120px){.focus-context-switch>span,.focus-edit-state,.focus-card-actions button span{display:none}.layer-focus-panel{grid-template-columns:92px minmax(0,1fr)}}@media (max-height:760px){.spatial-canvas-column{grid-template-rows:42px 26px minmax(0,1fr) 102px}.spatial-canvas-column[data-assets-open=false]{grid-template-rows:42px 26px minmax(0,1fr)}.layer-focus-panel{height:92px;margin:5px 7px}.focus-window,.focus-window-content,.focus-virtual-item,.focus-add-menu,.focus-add-menu>summary,.focus-card{height:78px}}@media (prefers-reduced-motion:reduce){.live-mask,.mesh-object,.ai-processing i{animation:none!important}}body:has(.spatial-studio){-webkit-user-select:none;user-select:none;background:#edf0f6;min-width:960px;overflow:hidden}.spatial-studio{color:#343942;background:radial-gradient(circle at 22% 18%,#fffffffa,#0000 34%),linear-gradient(145deg,#eef1f6,#dfe5ef);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.spatial-studio:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff9e,#0000 34%),repeating-linear-gradient(115deg,#ffffff14 0 1px,#0000 1px 18px);position:absolute;inset:0}.spatial-aura{filter:blur(55px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.aura-blue{background:#4189f43d;width:48vw;height:48vw;bottom:-18%;left:10%}.aura-violet{background:#7b57e529;width:45vw;height:45vw;top:-22%;right:2%}.spatial-window{z-index:2;-webkit-backdrop-filter:blur(34px)saturate(1.4);backdrop-filter:blur(34px)saturate(1.4);background:#f5f7fab8;border:1px solid #ffffffe0;border-radius:28px;grid-template-rows:65px minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:calc(100% - 34px);height:calc(100% - 34px);display:grid;position:relative;overflow:hidden;box-shadow:0 38px 95px #323f5430,0 8px 25px #323f5417,inset 0 1px #fffffff0,inset 0 0 0 .5px #5a667c14}.spatial-topbar{background:#fafbfd75;border-bottom:1px solid #535e6f14;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-width:0;padding:0 15px;display:grid}.spatial-window-controls,.spatial-center-actions,.spatial-share-actions{align-items:center;display:flex}.spatial-window-controls{gap:7px}.spatial-window-controls>span{border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 .5px #0000001a}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840;margin-right:12px}.spatial-window-controls button,.spatial-center-actions button,.spatial-search{color:#69717d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;font-size:18px;transition:background .16s,color .16s,transform .16s;display:grid}.spatial-window-controls button{background:#ffffff75;border-color:#0000000a;box-shadow:0 3px 8px #4650620d}.spatial-window-controls button.control-label{letter-spacing:.04em;width:auto;min-width:34px;padding:0 9px;font-size:10px;font-weight:650}.spatial-center-actions{gap:5px}.spatial-center-actions button{color:#66707d;font-size:17px}.spatial-center-actions button:hover,.spatial-center-actions button.active,.spatial-window-controls button:hover{color:#1479f0;background:#ffffffa8;border-color:#ffffffa6;transform:translateY(-1px);box-shadow:0 5px 12px #3e4d6614}.spatial-center-actions .neural-action{color:#7459e9}.spatial-share-actions{scrollbar-width:none;justify-content:flex-end;gap:7px;min-width:0;overflow-x:auto}.workspace-switcher::-webkit-scrollbar{display:none}.spatial-share-actions::-webkit-scrollbar{display:none}.spatial-search{gap:9px;width:auto;padding:0 8px;font-size:14px;display:flex}.spatial-search kbd{color:#9298a2;background:#ffffff8f;border:1px solid #0000000d;border-radius:5px;padding:3px 5px;font-size:8px}.spatial-export{color:#52606f;cursor:pointer;background:#ffffffa8;border:1px solid #ffffffb3;border-radius:11px;height:35px;padding:0 13px;font-size:10px;font-weight:620;box-shadow:0 5px 13px #46526514,inset 0 1px #ffffffbf}.spatial-export:hover{color:#fff;background:#1479f1}.spatial-workspace{grid-template-columns:58px minmax(0,1fr) 294px;gap:11px;min-width:0;min-height:0;padding:0 12px 12px 7px;display:grid}.spatial-toolbar{flex-direction:column;justify-content:space-between;align-items:center;min-height:0;padding:8px 5px 7px;display:flex}.spatial-toolbar>div{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:0;display:flex;overflow:hidden auto}.spatial-toolbar>div::-webkit-scrollbar{display:none}.spatial-toolbar>div>button{flex:0 0 42px}.spatial-toolbar button{color:#69717d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.spatial-toolbar button>span{font-size:20px;font-weight:470}.spatial-toolbar button:hover{background:#ffffff94}.spatial-toolbar button.active{color:#1479ed;background:linear-gradient(145deg,#e4f0ff,#cfe3ff);border-color:#ffffffc7;box-shadow:0 6px 14px #3067bd1f,inset 0 1px #fffc}.spatial-toolbar button>i{z-index:90;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#272c34e6;border-radius:7px;align-items:center;gap:15px;padding:7px 9px;font-size:9px;font-style:normal;display:none;position:absolute;left:49px;box-shadow:0 8px 20px #00000026}.spatial-toolbar button:hover>i{display:flex}.spatial-toolbar button>i kbd{color:#b6bbc2;font-size:8px}.spatial-toolbar .tool-more{letter-spacing:1px;height:30px;font-size:12px}.spatial-toolbar .layers-orb{background:#ffffff8a;border-color:#ffffffad;border-radius:50%;width:34px;height:34px;font-size:15px;box-shadow:0 5px 14px #46506214}.spatial-canvas-column{grid-template-rows:auto minmax(0,1fr) 88px;gap:10px;min-width:0;min-height:0;display:grid}.spatial-canvas-stage{background:radial-gradient(circle at 45% 30%,#ffffff70,#0000 45%),#dce2eb66;border:1px solid #ffffff8c;border-radius:16px;place-items:center;min-height:0;padding:9px;display:grid;box-shadow:inset 0 0 30px #49576d0e}.spatial-canvas{background:conic-gradient(#d8dce2 25%, #edf0f3 0 50%, #d8dce2 0 75%, #edf0f3 0) 0 / 18px 18px;border:1px solid #fff9;border-radius:11px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 17px 38px #2a35462e,0 3px 10px #2a35461c}.spatial-canvas>img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:filter .22s}.spatial-grade{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(145deg,#0e64c41f,#0000 45%),linear-gradient(20deg,#ff822429,#0000 48%);position:absolute;inset:0}.spatial-selection{filter:drop-shadow(0 0 1px #111);border:1px dashed #fffffff2;border-radius:50% 46% 52% 42%;position:absolute;inset:12% 18% 22% 10%}.spatial-crop-grid{border:1px solid #ffffffe6;position:absolute;inset:7%;box-shadow:0 0 0 800px #00000052}.spatial-crop-grid i{background:#ffffff7a;position:absolute}.spatial-crop-grid i:first-child,.spatial-crop-grid i:nth-child(2){width:1px;top:0;bottom:0}.spatial-crop-grid i:first-child{left:33.333%}.spatial-crop-grid i:nth-child(2){left:66.666%}.spatial-crop-grid i:nth-child(3),.spatial-crop-grid i:nth-child(4){height:1px;left:0;right:0}.spatial-crop-grid i:nth-child(3){top:33.333%}.spatial-crop-grid i:nth-child(4){top:66.666%}.spatial-type-layer{color:#fffffff0;text-shadow:0 4px 20px #00000038;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:8%;right:7%}.spatial-type-layer span{letter-spacing:.42em;font-size:clamp(9px,1vw,14px);font-weight:620}.spatial-type-layer strong{letter-spacing:-.06em;margin-top:-3px;font-size:clamp(25px,3.5vw,48px)}.spatial-filmstrip{scrollbar-width:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f8fa9e;border:1px solid #ffffffb8;border-radius:13px;align-items:center;gap:7px;min-width:0;padding:7px;display:flex;overflow-x:auto;box-shadow:0 7px 20px #39445714,inset 0 1px #ffffffdb}.spatial-filmstrip::-webkit-scrollbar{display:none}.spatial-filmstrip button{cursor:pointer;background:#ffffff80;border:2px solid #0000;border-radius:9px;min-width:108px;height:72px;padding:3px;position:relative;overflow:hidden}.spatial-filmstrip button.active{background:#fff;border-color:#1479f3;box-shadow:0 0 0 2px #1479f324,0 7px 15px #2d568f24}.spatial-filmstrip img{object-fit:cover;border-radius:5px;width:100%;height:100%}.spatial-filmstrip button>span{color:#fff;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 4px #0009;white-space:nowrap;opacity:0;font-size:7px;transition:opacity .16s;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden}.spatial-filmstrip button:hover>span{opacity:1}.spatial-filmstrip .film-add{color:#868d97;border:1px dashed #49536333;place-items:center;min-width:44px;font-size:19px;display:grid}.spatial-inspector{scrollbar-width:none;flex-direction:column;gap:10px;min-height:0;padding-top:9px;display:flex;overflow-y:auto}.spatial-inspector::-webkit-scrollbar{display:none}.glass-card{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:#f8f9fb94;border:1px solid #ffffffc4;border-radius:17px;flex:none;overflow:hidden;box-shadow:0 10px 25px #414c5f13,inset 0 1px #ffffffdb}.glass-card>header{border-bottom:1px solid #4752630f;justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.glass-card>header strong{font-size:10px;font-weight:650}.glass-card>header>button{color:#737b86;cursor:pointer;background:0 0;border:0;border-radius:7px;width:24px;height:24px;font-size:15px}.spatial-layer{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px 1fr 40px;align-items:center;gap:8px;width:calc(100% - 14px);min-height:46px;margin:4px 7px;padding:4px 7px;display:grid}.spatial-layer-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.spatial-layer-actions>i{flex-shrink:0}.spatial-layer-actions>button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;padding:0;display:grid}.spatial-layer-actions>button:hover,.spatial-layer-actions>button:focus-visible{background:#ffffff1a;outline:none}.spatial-layer .spatial-layer-delete{color:#a7566a;opacity:0;border-radius:6px;place-items:center;width:28px;height:28px;transition:opacity .12s,background .12s;display:grid}.spatial-layer:hover .spatial-layer-delete,.spatial-layer.active .spatial-layer-delete,.spatial-layer .spatial-layer-delete:focus-visible{opacity:1}.spatial-layer .spatial-layer-delete:hover{color:#e25c5c;background:#e25c5c2e}.spatial-layer:hover,.spatial-layer.active{background:#dae1eaa6;border-color:#ffffffbf}.spatial-layer-thumb,.adjustment-thumb{background-position:50%;background-size:cover;border:1px solid #0000000f;border-radius:7px;place-items:center;width:38px;height:35px;display:grid}.adjustment-thumb{color:#8f97a2;background:linear-gradient(145deg,#d6dbe2,#eef0f3);font-size:13px}.spatial-layer strong{color:#545c67;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9.5px;font-weight:580;overflow:hidden}.spatial-layer i{color:#6d7682;font-size:9px;font-style:normal}.layer-mode-row{grid-template-columns:1fr 72px;gap:7px;padding:7px;display:grid}.layer-mode-row button{color:#646d78;text-align:left;background:#e5e9efbf;border:1px solid #0000000a;border-radius:8px;height:29px;font-size:8.5px}.layer-mode-row button:last-child{text-align:center}.tone-card{padding-bottom:9px}.tone-controls{gap:8px;padding:9px 11px;display:grid}.tone-controls label{color:#5f6772;grid-template-columns:67px 1fr 34px;align-items:center;gap:5px;font-size:8.5px;display:grid}.tone-controls input,.sparkle-control input{accent-color:#94a0b0;width:100%;height:3px}.tone-controls output{color:#626b77;text-align:right;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:8px}.pro-adjustment-card .tone-controls input[type=color]{border:1px solid var(--studio-line-strong,#626873);background:0 0;border-radius:3px;min-width:0;height:24px;padding:2px}.pro-adjustment-card .tone-controls input[type=file]{min-width:0;height:28px;font-size:10px}.pro-adjustment-card .tone-controls input[type=checkbox]{width:16px;height:16px}.pro-adjustment-card .tone-controls input[type=color]:focus-visible,.pro-adjustment-card .tone-controls input[type=file]:focus-visible{outline:2px solid var(--studio-accent,#83aaff);outline-offset:2px}.neural-card>header strong{align-items:center;gap:7px;display:flex}.neural-card>header strong span{color:#6f5aeb;font-size:15px}.spatial-switch{width:34px;height:20px;position:relative}.spatial-switch input{opacity:0;position:absolute}.spatial-switch i{cursor:pointer;background:#c7ccd3;border-radius:12px;transition:background .16s;position:absolute;inset:0}.spatial-switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0000002e}.spatial-switch input:checked+i{background:#1479f2}.spatial-switch input:checked+i:after{transform:translate(14px)}.sparkle-control{color:#58616c;grid-template-columns:1fr 32px;gap:7px;padding:10px 11px 0;font-size:9px;display:grid}.sparkle-control output{text-align:right;font-family:var(--font-geist-mono), monospace;font-size:8px}.sparkle-control input{accent-color:#725aee;grid-column:1/-1}.neural-wave{background:linear-gradient(#0000,#7359ed0e);border-radius:9px;justify-content:center;align-items:flex-end;gap:2px;height:58px;margin:4px 10px 0;display:flex;position:relative;overflow:hidden}.neural-wave i{background:linear-gradient(#6f55e929,#0000);border-top:1px solid #6f55e98c;border-radius:50% 50% 0 0;width:4px}.neural-wave span{background:#795cf0;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:68%;box-shadow:0 0 0 4px #765bed2e,0 0 15px #7b5df0}.open-neural{color:#6954dc;cursor:pointer;background:#ece8fdc7;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:calc(100% - 20px);height:28px;margin:4px 10px 9px;padding:0 9px;font-size:8px;font-weight:590;display:flex}.spatial-view-dock{background:#f7f8fa8f;border:1px solid #ffffffad;border-radius:10px;align-items:center;gap:3px;min-height:34px;margin-top:auto;padding:3px 5px;display:flex;box-shadow:0 6px 15px #414b5c0f}.spatial-view-dock button{color:#6c7580;cursor:pointer;background:0 0;border:0;border-radius:7px;width:28px;height:27px}.spatial-view-dock button:hover{background:#ffffffb3}.spatial-view-dock span{flex:1}.spatial-tool-drawer{z-index:120;-webkit-backdrop-filter:blur(34px)saturate(1.4);backdrop-filter:blur(34px)saturate(1.4);background:#f7f9fcde;border:1px solid #ffffffd1;border-radius:19px;grid-template-rows:64px minmax(0,1fr);width:520px;animation:.22s ease-out spatial-slide;display:grid;position:fixed;top:92px;bottom:32px;left:82px;overflow:hidden;box-shadow:0 30px 75px #2e3a4e3b,inset 0 1px #ffffffeb}@keyframes spatial-slide{0%{opacity:0;transform:translate(-14px)}}.spatial-tool-drawer>header{border-bottom:1px solid #4b556512;justify-content:space-between;align-items:center;padding:0 15px 0 19px;display:flex}.spatial-tool-drawer>header>div{flex-direction:column;gap:3px;display:flex}.spatial-tool-drawer>header strong{font-size:12px}.spatial-tool-drawer>header span{color:#8b929c;font-size:8px}.spatial-tool-drawer>header button,.spatial-neural-modal>header>button{color:#737b86;cursor:pointer;background:#dfe4ebbf;border:0;border-radius:50%;width:27px;height:27px;font-size:16px}.spatial-tool-drawer>div{grid-template-columns:1fr 1fr;gap:17px 22px;min-height:0;padding:18px;display:grid;overflow:auto}.spatial-tool-drawer section>strong{color:#6a727d;margin:0 5px 8px;font-size:9px;font-weight:650;display:block}.spatial-tool-drawer section>div{gap:3px;display:grid}.spatial-tool-drawer section button{color:#747c87;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;height:28px;padding:0 8px;font-size:8.5px;display:flex}.spatial-tool-drawer section button:hover{color:#2f3640;background:#dfe5edbd}.spatial-modal{z-index:150;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3f495838;place-items:center;padding:30px;animation:.18s ease-out spatial-fade;display:grid;position:fixed;inset:0}@keyframes spatial-fade{0%{opacity:0}}.spatial-command{-webkit-backdrop-filter:blur(35px)saturate(1.45);backdrop-filter:blur(35px)saturate(1.45);background:#f8fafce8;border:1px solid #ffffffd1;border-radius:18px;width:min(610px,100vw - 80px);overflow:hidden;box-shadow:0 35px 90px #2c364847}.spatial-command>div{border-bottom:1px solid #4c576812;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;height:58px;padding:0 14px;display:grid}.spatial-command>div>span{font-size:22px}.spatial-command input{color:#333a44;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;font-size:14px}.spatial-command kbd{color:#808893;background:#dce1e8c2;border-radius:5px;padding:3px 5px;font-size:7px}.spatial-command>p{color:#949ba4;letter-spacing:.08em;text-transform:uppercase;margin:13px 16px 7px;font-size:7px;font-weight:700}.spatial-command>button{color:#555e69;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:30px 1fr 20px;align-items:center;gap:7px;width:calc(100% - 20px);height:38px;margin:2px 10px;padding:0 8px;font-size:10px;display:grid}.spatial-command>button:last-child{margin-bottom:10px}.spatial-command>button:hover{color:#fff;background:#1479ef}.spatial-command>button i{color:#6e5ae2;background:#dfe4ebcc;border-radius:8px;place-items:center;width:28px;height:27px;font-style:normal;display:grid}.spatial-command>button:hover i{color:#fff;background:#ffffff2e}.spatial-command>button kbd{opacity:0}.spatial-command>button:hover kbd{opacity:1}.spatial-neural-modal{-webkit-backdrop-filter:blur(38px)saturate(1.45);backdrop-filter:blur(38px)saturate(1.45);background:#f7f9fceb;border:1px solid #ffffffd6;border-radius:21px;grid-template-rows:60px 300px auto;width:min(760px,100vw - 80px);display:grid;overflow:hidden;box-shadow:0 40px 100px #2c36484d}.spatial-neural-modal>header{border-bottom:1px solid #4c576812;grid-template-columns:31px 1fr 28px;align-items:center;gap:9px;padding:0 15px;display:grid}.spatial-neural-modal>header>span{color:#fff;background:linear-gradient(145deg,#7258e9,#2784ef);border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.spatial-neural-modal>header>div{flex-direction:column;gap:2px;display:flex}.spatial-neural-modal>header strong{font-size:11px}.spatial-neural-modal>header small{color:#8d949e;font-size:8px}.spatial-neural-preview{border-radius:14px;margin:14px 14px 0;position:relative;overflow:hidden}.spatial-neural-preview:after{content:"";background:linear-gradient(#3081e51f,#7954e514);position:absolute;inset:0}.spatial-neural-preview img{object-fit:cover;width:100%;height:100%}.spatial-neural-preview i{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#272d3785;border:1px solid #ffffff7a;border-radius:7px;padding:6px 8px;font-size:7px;font-style:normal;position:absolute}.mask-sky{top:16%;left:13%}.mask-subject{top:52%;right:15%}.mask-ground{bottom:11%;left:21%}.spatial-neural-actions{grid-template-columns:1fr 1fr;gap:6px;padding:12px 14px 14px;display:grid}.spatial-neural-actions button{color:#59626d;text-align:left;cursor:pointer;background:#e7ebf19e;border:1px solid #0000000b;border-radius:10px;grid-template-columns:31px 1fr 12px;align-items:center;gap:8px;height:44px;padding:0 8px;display:grid}.spatial-neural-actions button>span{color:#6d57e2;background:#ffffffb8;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.spatial-neural-actions strong{font-size:8.5px}.spatial-neural-actions i{color:#9ba1a9;font-style:normal}.spatial-toast{z-index:220;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2a2f37db;border:1px solid #ffffff40;border-radius:11px;align-items:center;gap:8px;min-height:36px;padding:0 13px 0 7px;font-size:9px;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 13px 28px #00000029}.spatial-toast span{background:#31bf59;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}@media (max-height:760px){.spatial-window{grid-template-rows:55px minmax(0,1fr)}.spatial-workspace{grid-template-columns:52px minmax(0,1fr) 270px;gap:8px}.spatial-toolbar button{width:37px;height:35px}.spatial-toolbar button>span{font-size:17px}.spatial-canvas-column{grid-template-rows:auto minmax(0,1fr) 76px}.spatial-filmstrip button{min-width:92px;height:60px}.tone-controls{gap:4px;padding-top:6px;padding-bottom:6px}.neural-wave{height:39px}.glass-card>header{height:34px}}.command-button{color:#8a8d94;cursor:pointer;background:#f0f1f3;border:1px solid #14181f12;border-radius:8px;align-items:center;gap:16px;height:30px;padding:0 7px 0 10px;font-size:10px;display:flex}.command-button:hover{background:#e8eaed}.command-button kbd{color:#777a81;background:#ffffffb3;border:1px solid #0000000f;border-radius:5px;padding:3px 5px;font-size:8.5px;box-shadow:0 1px 1px #0000000a}.menu-items{position:relative}.menu-items>button.active{color:#1f2126;background:#dedfe3}.app-menu-popover{z-index:80;-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);background:#f7f7f9f5;border:1px solid #ffffffb8;border-radius:11px;flex-direction:column;width:235px;padding:7px;display:flex;position:absolute;top:31px;left:0;box-shadow:0 18px 45px #1c1f2633,0 2px 8px #1c1f2614}.app-menu-title{color:#9a9da4;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px 7px;font-size:8px;font-weight:700}.app-menu-popover button{color:#303238;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:29px;padding:0 9px;font-size:11px;display:flex}.app-menu-popover button:hover{background:var(--blue);color:#fff}.app-menu-popover kbd{color:#9699a0;font-size:9px}.app-menu-popover button:hover kbd{color:#ffffffbd}.workspace-modes{background:#ebecf0;border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.workspace-modes button{color:#85888f;border-radius:6px;justify-content:center;align-items:center;gap:3px;min-width:52px;height:23px;padding:0 8px;font-size:9.5px;display:flex}.workspace-modes button.active{color:#2d2f35;background:#fff;font-weight:620;box-shadow:0 1px 4px #00000017,0 0 0 .5px #0000000d}.workspace-modes button span{color:#785ff5}.more-tools .tool-glyph{letter-spacing:1px;font-size:15px}.tool-library{z-index:70;-webkit-backdrop-filter:blur(36px)saturate(1.4);backdrop-filter:blur(36px)saturate(1.4);background:#f9f9fbf7;border:1px solid #ffffffbd;border-radius:16px;grid-template-rows:58px minmax(0,1fr);width:min(610px,100vw - 380px);max-height:calc(100% - 16px);display:grid;position:absolute;top:8px;left:64px;overflow:hidden;box-shadow:0 28px 70px #1f232b40,0 3px 12px #1f232b1a}.tool-library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 13px 0 18px;display:flex}.tool-library-header>div{flex-direction:column;gap:2px;display:flex}.tool-library-header strong{font-size:13px;font-weight:650}.tool-library-header span{color:#8d9097;font-size:9px}.tool-library-header button,.neural-lab>header>button{color:#74777e;cursor:pointer;background:#ebecf0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.tool-library-scroll{grid-template-columns:1fr 1fr;gap:18px 24px;min-height:0;padding:18px;display:grid;overflow:auto}.tool-family{min-width:0}.tool-family-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tool-family-title>span{background:var(--blue-soft);width:23px;height:23px;color:var(--blue);border-radius:7px;place-items:center;font-size:12px;display:grid}.tool-family-title strong{font-size:10px;font-weight:650}.tool-family-grid{grid-template-columns:1fr 1fr;gap:3px;display:grid}.tool-family-grid button{color:#666970;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:0;height:25px;padding:0 7px;font-size:9.5px;overflow:hidden}.tool-family-grid button:hover{color:#24262b;background:#e9eaed}.scene-map{gap:2px;display:flex}.scene-map button{color:#74777e;padding:5px 8px}.scene-map button.active{color:#292b30;background:#e3e5e9;font-weight:590}.quick-action span{color:#6e56ed;margin-right:3px}.ai-mode-button{color:#6b53e6;cursor:pointer;background:#eeeafd;border:0;border-radius:8px;height:30px;margin-right:5px;padding:0 10px;font-size:9.5px;font-weight:620}.ai-mode-button:hover{background:#e3ddfd}.panel-tabs{grid-template-columns:repeat(4,1fr);padding-left:7px;padding-right:7px}.panel-tabs button{font-size:9.5px}.panel-tabs button.active:after{left:5px;right:5px}.smart-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin:-4px 0 14px;display:grid}.smart-actions button{color:#62656c;cursor:pointer;background:#f3f4f6;border:1px solid #0000000f;border-radius:8px;flex-direction:column;align-items:center;gap:5px;height:48px;padding:6px 2px;font-size:8.5px;display:flex}.smart-actions button:hover{background:var(--blue-soft);color:var(--blue);border-color:#1479ff2e}.smart-actions button span{font-size:15px}.scene-section p{color:#898c93;margin:-3px 0 10px;font-size:9px;line-height:1.45}.luma-badge{color:#6c55e6;letter-spacing:.08em;background:#eeeafd;border-radius:4px;padding:3px 5px;font-size:6.5px;font-weight:750}.scene-buttons{flex-wrap:wrap;gap:5px;display:flex}.scene-buttons button{color:#6f7279;cursor:pointer;background:#f1f2f4;border:1px solid #00000012;border-radius:7px;height:24px;padding:0 8px;font-size:8.5px}.scene-buttons button.active{background:var(--blue-soft);color:var(--blue);border-color:#1479ff33}.layer-controls{border-bottom:1px solid var(--line);gap:8px;padding:0 5px 11px;display:grid}.layer-controls select{color:#4f5258;background:#f1f2f4;border:1px solid #00000014;border-radius:7px;outline:none;width:100%;height:27px;padding:0 8px;font-size:9px}.layer-controls label{color:#72757c;grid-template-columns:42px 1fr 28px;align-items:center;gap:6px;font-size:8.5px;display:grid}.layer-controls input{width:100%;accent-color:var(--blue)}.layer-controls output{color:#8b8e95;font-family:var(--font-geist-mono), monospace;font-size:7.5px}.blend-stack-editor{border-top:1px solid var(--line);gap:7px;padding-top:7px;display:grid}.blend-stack-heading,.blend-pass-topline{justify-content:space-between;align-items:center;gap:6px;display:flex}.blend-stack-heading>span{color:#555960;gap:1px;font-size:9px;display:grid}.blend-stack-heading small{color:#9599a1;font-size:7px;font-weight:500}.blend-stack-heading button,.blend-pass-order button,.blend-pass-toggle{color:#62666d;cursor:pointer;background:#f2f3f5;border:1px solid #00000014;border-radius:6px;min-width:22px;height:22px;padding:0 6px;font-size:8px}.blend-stack-heading button:disabled,.blend-pass-order button:disabled{opacity:.35;cursor:default}.blend-stack-editor>p{color:#92969e;margin:0;font-size:7px;line-height:1.4}.blend-pass-list{scrollbar-width:thin;gap:6px;max-height:294px;display:grid;overflow-y:auto}.blend-pass{background:#f8f9facc;border:1px solid #00000012;border-radius:9px;gap:6px;padding:7px;transition:opacity .15s,border-color .15s;display:grid}.blend-pass.disabled{opacity:.48}.blend-pass:focus-within{border-color:#2385f457}.blend-pass-topline>span{color:#6d7178;text-transform:uppercase;letter-spacing:.05em;margin-right:auto;font-size:7.5px;font-weight:650}.blend-pass-toggle{color:var(--blue);background:0 0;border:0;font-size:10px}.blend-pass-order{gap:3px;display:flex}.blend-pass-order button{padding:0}.blend-pass label{grid-template-columns:55px 1fr 28px}.blend-group-note{color:#858990;background:#f4f5f7;border:1px solid #0000000f;border-radius:7px;padding:8px;font-size:7.5px}.advanced-blending{background:#f6f7f9d1;border:1px solid #00000012;border-radius:9px;overflow:hidden}.advanced-blending summary{color:#5d6168;cursor:pointer;justify-content:space-between;align-items:center;padding:8px;font-size:8.5px;font-weight:650;list-style:none;display:flex}.advanced-blending summary::-webkit-details-marker{display:none}.advanced-blending summary:before{content:"›";margin-right:5px;transition:transform .15s}.advanced-blending[open] summary:before{transform:rotate(90deg)}.advanced-blending summary span{margin-right:auto}.advanced-blending summary small{color:#989ca4;font-size:7px;font-weight:500}.advanced-blending-body{border-top:1px solid #0000000d;gap:9px;padding:0 8px 8px;display:grid}.fill-opacity-control{margin-top:8px}.blend-if-heading,.blend-if-range-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.blend-if-heading>span{color:#595d64;gap:1px;font-size:8.5px;display:grid}.blend-if-heading small{color:#999da4;font-size:6.8px;font-weight:500}.blend-if-heading select{width:72px;height:24px}.blend-if-range{background:#ffffff9e;border:1px solid #0000000e;border-radius:8px;gap:5px;padding:7px;display:grid}.blend-if-range-heading strong{color:#666a71;font-size:7.5px}.blend-if-range-heading span{color:#9a9ea6;font-family:var(--font-geist-mono), monospace;font-size:6.5px}.blend-if-preview{background:linear-gradient(to right, #7c5ce700 0 var(--black), #7c5ce700 var(--black), #7c5ce7e6 var(--black-feather), #7c5ce7e6 var(--white-feather), #7c5ce700 var(--white), #7c5ce700 100%), linear-gradient(to right, #17181b, #fff);border-radius:4px;height:8px;box-shadow:inset 0 0 0 1px #0000001a}.blend-if-range label{grid-template-columns:58px 1fr 24px;font-size:7px}.blend-if-reset{color:#6e7279;cursor:pointer;background:#f1f2f4;border:1px solid #00000012;border-radius:7px;height:25px;font-size:7.5px}.blend-if-reset:disabled{opacity:.4;cursor:default}.effects-panel{overflow-x:hidden}.effect-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.effect-grid button{color:#696c73;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:4px 4px 7px;font-size:8.5px;display:flex}.effect-grid button:hover{background:#eff0f2}.effect-grid button.active{background:var(--blue-soft);color:var(--blue);border-color:#1479ff3d}.effect-grid button>span{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:6px;width:100%;box-shadow:inset 0 0 0 1px #ffffff47}.effect-grid strong{text-overflow:ellipsis;white-space:nowrap;padding:0 3px;font-weight:570;overflow:hidden}.filter-families{gap:4px;display:grid}.filter-families>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:27px minmax(0,1fr) 10px;align-items:center;gap:7px;width:100%;min-height:42px;padding:5px 4px;display:grid}.filter-families>button:hover{background:#eff0f2}.filter-family-icon{color:#6753d9;background:linear-gradient(145deg,#e8e0ff,#d9ecff);border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.filter-families>button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.filter-families strong{color:#4d5057;font-size:9.5px;font-weight:610}.filter-families small{color:#999ca3;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.filter-families b{color:#a5a8ae;font-size:13px;font-weight:400}.live-stack{gap:4px;display:grid}.live-stack .panel-heading{margin-bottom:6px}.live-stack>button{color:#72757c;text-align:left;cursor:pointer;background:#f0f1f3;border:0;border-radius:6px;grid-template-columns:14px 1fr 30px 14px;align-items:center;gap:5px;width:100%;height:29px;padding:0 6px;font-size:8px;display:grid}.live-stack>button strong{color:#55585f;font-size:8.5px;font-weight:560}.live-stack>button i{color:#9a9da4;font-style:normal}.live-stack>button b{color:#7e8188;font-size:8px}.history-panel{min-height:0;padding:12px;overflow:auto}.history-hero{background:linear-gradient(135deg,#f1edff,#ecf4ff);border:1px solid #7053e81f;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.history-hero>span{color:#6f57e6;background:#ffffffb3;border-radius:9px;place-items:center;width:31px;height:31px;font-size:21px;display:grid}.history-hero div,.branch-card div{flex-direction:column;gap:2px;display:flex}.history-hero strong,.branch-card strong{font-size:9.5px;font-weight:650}.history-hero small,.branch-card small{color:#898c94;font-size:8px;line-height:1.35}.version-lane{flex-direction:column;margin-top:17px;display:flex;position:relative}.version-heading{color:#696c73;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;font-weight:620;display:flex}.version-heading button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:8px}.version-lane>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:17px 1fr;gap:8px;min-height:42px;padding:4px 3px;display:grid}.version-lane>button>span{background:#fafafb;border:2px solid #bec1c7;border-radius:50%;width:9px;height:9px;margin:4px;position:relative}.version-lane>button>span:after{content:"";background:#d5d7db;width:1px;height:35px;position:absolute;top:8px;left:2px}.version-lane>button:last-child>span:after{display:none}.version-lane>button.complete>span{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.version-lane>button div{flex-direction:column;gap:2px;display:flex}.version-lane>button strong{color:#60636a;font-size:8.5px;font-weight:570}.version-lane>button small{color:#a1a4aa;font-size:7.5px}.branch-card{background:#eff0f3;border-radius:10px;grid-template-columns:38px 38px 1fr;align-items:center;gap:4px;margin-top:14px;padding:10px;display:grid;position:relative}.branch-preview{background-image:url(/learn/luma/workshops/desert.jpg);background-position:50%;background-size:cover;border:2px solid #fff;border-radius:5px;width:38px;height:31px;box-shadow:0 2px 5px #00000014}.branch-preview.cool{filter:hue-rotate(15deg)saturate(.8);margin-left:-8px}.branch-preview.warm{filter:sepia(.2)saturate(1.2)}.statusbar>div{align-items:center}.statusbar>div>button{color:#6c55e6;gap:4px}.status-spark{color:#7258eb}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#31353d47;place-items:start center;padding-top:min(16vh,130px);animation:.18s ease-out modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}}.command-center{-webkit-backdrop-filter:blur(40px)saturate(1.4);backdrop-filter:blur(40px)saturate(1.4);background:#f8f8faf7;border:1px solid #ffffffad;border-radius:17px;grid-template-rows:58px minmax(0,1fr) 31px;width:min(690px,100vw - 80px);max-height:min(640px,72vh);display:grid;overflow:hidden;box-shadow:0 42px 110px #171b2257,0 4px 15px #171b2226}.command-search{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:0 15px;display:grid}.command-search>span{color:#73767d;font-size:24px;transform:rotate(-14deg)}.command-search input{color:#26282d;letter-spacing:-.02em;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;width:100%;font-size:16px}.command-search input::placeholder{color:#a0a3a9}.command-search kbd,.command-footer kbd{color:#85888e;background:#e9eaed;border:1px solid #0000000f;border-radius:5px;padding:3px 6px;font-size:8px;box-shadow:0 1px 1px #0000000f}.command-body{grid-template-columns:48px minmax(0,1fr);min-height:0;display:grid}.command-rail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:5px;padding-top:12px;display:flex}.command-rail button{color:#85888f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.command-rail button.active{background:var(--blue-soft);color:var(--blue)}.command-results{min-height:0;padding:13px 14px;overflow:auto}.command-section-title{color:#74777e;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:0 4px 10px;font-size:9px;font-weight:650;display:flex}.command-section-title span{color:#a0a3a9;letter-spacing:0;text-transform:none;font-size:7.5px;font-weight:500}.suggestion-cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.suggestion-cards button{text-align:left;cursor:pointer;background:#f0f1f3;border:1px solid #0000000f;border-radius:10px;grid-template-columns:39px 1fr;align-items:center;gap:9px;min-height:55px;padding:7px;display:grid}.suggestion-cards button:hover{background:#eaf3ff;border-color:#1479ff2e}.suggestion-icon{border-radius:9px;place-items:center;width:39px;height:39px;font-size:17px;display:grid}.suggestion-icon.blue{color:#277eea;background:#dcecff}.suggestion-icon.violet{color:#7057e8;background:#e6e0ff}.suggestion-cards div{flex-direction:column;gap:3px;min-width:0;display:flex}.suggestion-cards strong{font-size:10px;font-weight:620}.suggestion-cards small{color:#8c8f96;font-size:8px}.command-list{gap:2px;display:grid}.command-list button{color:#4f5259;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:27px 1fr 24px;align-items:center;gap:7px;height:34px;padding:0 7px;font-size:10.5px;display:grid}.command-list button:hover{background:var(--blue);color:#fff}.command-item-icon{color:#6b6e75;background:#e8e9ec;border-radius:6px;place-items:center;width:27px;height:25px;font-size:11px;display:grid}.command-list button:hover .command-item-icon{color:#fff;background:#ffffff2e}.command-list kbd{opacity:0;color:#ffffffc2;font-size:10px}.command-list button:hover kbd{opacity:1}.command-footer{border-top:1px solid var(--line);color:#8d9097;align-items:center;gap:13px;padding:0 12px;font-size:7.5px;display:flex}.command-footer span:last-child{color:#a2a4aa;margin-left:auto}.neural-backdrop{place-items:center;padding:28px}.neural-lab{-webkit-backdrop-filter:blur(42px)saturate(1.45);backdrop-filter:blur(42px)saturate(1.45);background:#f9f9fbfa;border:1px solid #ffffffb8;border-radius:20px;grid-template-rows:59px auto minmax(0,1fr) 35px;width:min(880px,100vw - 70px);max-height:min(760px,100vh - 70px);display:grid;overflow:hidden;box-shadow:0 45px 120px #171b235c,0 4px 15px #171b2324}.neural-lab>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 14px 0 18px;display:flex}.neural-lab>header>div{align-items:center;gap:10px;display:flex}.neural-logo{color:#fff;background:linear-gradient(145deg,#7255ee,#3f8cff);border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 5px 14px #5b50e540}.neural-lab>header div div{flex-direction:column;gap:2px;display:flex}.neural-lab>header strong{font-size:12px;font-weight:680}.neural-lab>header small{color:#8b8e95;font-size:8.5px}.neural-feature{border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 0,#7356ef1a,#0000 42%),linear-gradient(120deg,#f5f4fb,#eff4fa);grid-template-columns:1fr 1fr;gap:20px;min-height:215px;padding:22px 24px 20px;display:grid}.neural-copy{flex-direction:column;align-items:flex-start;display:flex}.beta-label{color:#735be5;letter-spacing:.11em;margin-bottom:10px;font-size:7px;font-weight:760}.neural-copy h2{color:#272931;letter-spacing:-.055em;margin:0;font-size:clamp(22px,2.1vw,31px);font-weight:690;line-height:1.03}.neural-copy p{color:#747880;max-width:350px;margin:10px 0 15px;font-size:9.5px;line-height:1.48}.neural-copy button{color:#fff;cursor:pointer;background:#24262c;border:0;border-radius:8px;align-items:center;gap:15px;height:31px;padding:0 12px;font-size:9px;font-weight:600;display:flex}.neural-copy button:hover{background:#111318}.neural-visual{background-position:50%;background-size:cover;border:5px solid #fffc;border-radius:13px;min-height:170px;position:relative;overflow:hidden;box-shadow:0 16px 35px #3438432e}.neural-visual:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(#365ba414,#f8792b1f);position:absolute;inset:0}.depth-plane{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22252c94;border:1px solid #ffffff73;border-radius:6px;padding:5px 7px;font-size:7.5px;position:absolute;box-shadow:0 3px 9px #00000024}.plane-one{top:17%;left:12%}.plane-two{top:51%;right:13%}.plane-three{bottom:9%;left:18%}.neural-grid{grid-template-columns:repeat(2,1fr);gap:6px 10px;min-height:0;padding:14px 18px;display:grid;overflow:auto}.neural-grid>button{text-align:left;cursor:pointer;background:#f1f2f4;border:1px solid #0000;border-radius:10px;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:48px;padding:6px 9px;display:grid}.neural-grid>button:hover{background:#eeeafd;border-color:#6a51e529}.neural-grid>button>span{color:#6d55e6;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:14px;display:grid;box-shadow:0 2px 6px #1f22280f}.neural-grid>button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.neural-grid strong{font-size:9.5px;font-weight:630}.neural-grid small{color:#8c8f96;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.neural-grid b{color:#a4a7ad;font-size:13px;font-weight:400}.neural-lab>footer{border-top:1px solid var(--line);color:#989ba2;justify-content:space-between;align-items:center;padding:0 18px;font-size:7.5px;display:flex}.neural-lab>footer span:first-child{color:#696c73;align-items:center;gap:6px;display:flex}.neural-lab>footer i{background:#2ec458;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #2ec4581f}@media (max-width:1160px){.command-button span{display:none}.command-button{gap:0;padding:0 5px}.workspace-modes{left:55%}.scene-map button:nth-child(n+3){display:none}}:is(html:has(.marketing-page),body:has(.marketing-page)){color:#17171a;scroll-behavior:smooth;-webkit-user-select:auto;user-select:auto;background:#f5f5f7;height:auto;overflow:auto}.marketing-page{color:#17171a;min-height:100vh;font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif;background:#f5f5f7;position:relative;overflow:hidden}.marketing-page a{color:inherit;text-decoration:none}.scroll-progress{z-index:500;transform-origin:0;background:linear-gradient(90deg,#1479ff,#7656ef,#e55ea5);height:2px;position:fixed;top:0;left:0;right:0}.marketing-nav{z-index:300;-webkit-backdrop-filter:blur(28px)saturate(1.5);backdrop-filter:blur(28px)saturate(1.5);background:#f9f9fbc7;border:1px solid #ffffffb8;border-radius:17px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1080px,100% - 32px);height:54px;padding:0 9px 0 14px;display:grid;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #181c2614,0 1px 3px #181c260d}.marketing-brand{letter-spacing:-.02em;align-items:center;gap:9px;width:max-content;font-size:13px;display:inline-flex}.marketing-brand>span,.final-mark{color:#fff;background:linear-gradient(145deg,#137fff,#6950ea);border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:760;display:grid;box-shadow:0 5px 13px #3b65e140}.marketing-brand strong{font-weight:650}.marketing-links{justify-content:center;align-items:center;gap:27px;display:flex}.marketing-links a{color:#5e6067;font-size:11px;font-weight:510;position:relative}.marketing-links a:after{content:"";background:#1b1c20;height:1px;transition:transform .18s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.marketing-links a:hover{color:#16171a}.marketing-links a:hover:after{transform:scaleX(1)}.marketing-nav-actions{justify-content:flex-end;align-items:center;display:flex}.nav-studio-link{background:#17181c;border-radius:11px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10.5px;font-weight:610;transition:transform .18s,background .18s;display:flex;color:#fff!important}.nav-studio-link:hover{background:#006ee6;transform:translateY(-1px)}.nav-studio-link span{font-size:13px}.mobile-menu-button{cursor:pointer;background:#eeeef0;border:0;border-radius:9px;width:34px;height:34px;display:none}.marketing-hero{background:radial-gradient(circle at 50% 34%,#fffffff7,#0000 44%),linear-gradient(#f7f7f9,#eeeef2 76%,#f5f5f7);flex-direction:column;align-items:center;min-height:1120px;padding:170px 24px 90px;display:flex;position:relative;overflow:hidden}.hero-aurora{filter:blur(30px);pointer-events:none;opacity:.65;border-radius:50%;position:absolute}.aurora-one{background:radial-gradient(circle,#2c84ff30,#0000 67%);width:580px;height:580px;animation:9s ease-in-out infinite alternate float-aurora;top:130px;left:-160px}.aurora-two{background:radial-gradient(circle,#9153e629,#0000 67%);width:620px;height:620px;animation:11s ease-in-out infinite alternate-reverse float-aurora;top:210px;right:-180px}@keyframes float-aurora{to{transform:translate(30px,-28px)scale(1.08)}}.hero-copy{z-index:2;text-align:center;max-width:900px;position:relative}.hero-eyebrow,.section-heading>p:first-child,.medium-heading>p,.neural-title>p:first-child,.performance-copy>p:first-child,.creator-heading>p,.final-cta div>p{color:#6b6d74;letter-spacing:.13em;margin:0 0 18px;font-size:10px;font-weight:720}.hero-eyebrow span{color:#7558ec}.hero-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(62px,8vw,112px);font-weight:690;line-height:.91}.hero-copy h1 em{background:linear-gradient(110deg,#167cf3 14%,#6956ec 46%,#c44fc8 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-lede{color:#6c6f77;letter-spacing:-.035em;max-width:610px;margin:30px auto 0;font-size:clamp(17px,2vw,22px);line-height:1.45}.hero-actions{justify-content:center;align-items:center;gap:10px;margin-top:31px;display:flex}.primary-cta,.secondary-cta{border-radius:14px;justify-content:center;align-items:center;gap:16px;height:48px;padding:0 20px;font-size:12px;font-weight:620;transition:transform .18s,box-shadow .18s;display:flex}.primary-cta{background:#1479f5;box-shadow:0 10px 25px #1479f53d;color:#fff!important}.secondary-cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #00000014;color:#3e4046!important}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px #181e2b29}.hero-note{color:#9a9ca2;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:9px;display:flex}.hero-proof-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8f;border:1px solid #181b2212;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:max-content;margin:22px auto 0;padding:6px;display:flex;box-shadow:0 8px 24px #2026330d}.hero-proof-strip span{color:#676a72;white-space:nowrap;border-right:1px solid #181b2212;align-items:center;gap:5px;height:29px;padding:0 10px;font-size:8.5px;font-weight:550;display:flex}.hero-proof-strip span:last-child{border-right:0}.hero-proof-strip b{color:#6954e9;font-size:9px}.pulse-dot{background:#2fc158;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 0 4px #2fc1581c}@keyframes pulse-green{50%{box-shadow:0 0 0 8px #2fc15800}}.hero-product-wrap{z-index:2;perspective:1600px;width:min(1160px,100vw - 60px);margin-top:72px;position:relative}.hero-product-wrap>p{color:#9b9da3;text-align:center;margin:13px 0 0;font-size:8.5px}.hero-product-glow{z-index:-1;filter:blur(50px);opacity:.52;background:linear-gradient(90deg,#2780ff59,#894de64d);border-radius:44%;position:absolute;inset:5% 8% -4%}.hero-product{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;background:#f8f8faf0;border:1px solid #ffffffe6;border-radius:19px;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 50px 100px #1f232c3d,0 9px 24px #1f232c21,inset 0 0 0 .5px #0000000d}.product-window-bar{color:#6e7077;background:#f9f9fbf0;border-bottom:1px solid #00000014;grid-template-columns:1fr auto 1fr;align-items:center;height:38px;padding:0 12px;font-size:8px;display:grid}.product-window-bar>div{gap:6px;display:flex}.product-window-bar i{background:#ff5e57;border-radius:50%;width:9px;height:9px}.product-window-bar i:nth-child(2){background:#febc2e}.product-window-bar i:nth-child(3){background:#28c840}.product-window-bar b{color:#1479e9;letter-spacing:.08em;background:#e8f1fe;border-radius:5px;justify-self:end;padding:4px 6px;font-size:6.5px}.studio-embed{aspect-ratio:16/9.35;background:#dfe1e5;width:100%;position:relative;overflow:hidden}.studio-embed iframe{pointer-events:none;zoom:.78;border:0;width:128.3%;height:128.3%;position:absolute;top:0;left:0}.capability-marquee{z-index:4;background:#ffffffc2;border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;position:relative;overflow:hidden}.capability-marquee:before,.capability-marquee:after{z-index:2;content:"";pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.capability-marquee:before{background:linear-gradient(90deg,#fff,#0000);left:0}.capability-marquee:after{background:linear-gradient(-90deg,#fff,#0000);right:0}.capability-marquee>div{align-items:center;gap:42px;width:max-content;height:56px;animation:28s linear infinite marquee-flow;display:flex}.capability-marquee span{color:#777980;white-space:nowrap;align-items:center;gap:10px;font-size:10px;font-weight:570;display:flex}.capability-marquee i{background:#8f70ed;border-radius:50%;width:4px;height:4px}@keyframes marquee-flow{to{transform:translate(-50%)}}.product-intro{background:#f5f5f7;padding:150px 24px 160px;position:relative}.section-heading{text-align:center;max-width:900px;margin:0 auto 76px}.section-heading h2,.neural-title h2,.creator-heading h2,.final-cta h2{letter-spacing:-.065em;margin:0;font-size:clamp(46px,6vw,82px);font-weight:670;line-height:.98}.section-heading h2 span,.neural-title h2 span{color:#a2a4aa}.section-heading>p:last-child{color:#777980;letter-spacing:-.025em;max-width:600px;margin:26px auto 0;font-size:16px;line-height:1.5}.bento-grid{grid-template-rows:repeat(2,minmax(330px,auto));grid-template-columns:1.25fr .75fr;gap:14px;width:min(1120px,100%);margin:auto;display:grid}.bento-card{background:#fff;border:1px solid #fffc;border-radius:28px;min-height:330px;position:relative;overflow:hidden;box-shadow:0 20px 55px #22263014,inset 0 0 0 .5px #00000009}.bento-large{background:radial-gradient(circle at 75% 72%,#3d85f11f,#0000 39%),linear-gradient(145deg,#fff,#f0f2f7);grid-row:1/3;min-height:674px}.bento-copy{z-index:2;max-width:500px;padding:42px;position:relative}.bento-copy>span{color:#787b82;letter-spacing:.12em;font-size:8.5px;font-weight:740}.bento-copy h3{letter-spacing:-.05em;margin:13px 0 12px;font-size:clamp(27px,3vw,40px);font-weight:650;line-height:1.04}.bento-copy p{color:#7a7d84;max-width:420px;margin:0;font-size:12px;line-height:1.55}.tool-cloud{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f8fac7;border:1px solid #ffffffb3;border-radius:26px 0 0;grid-template-columns:repeat(3,1fr);gap:11px;padding:28px;display:grid;position:absolute;bottom:-18px;left:34px;right:-25px;transform:perspective(700px)rotateX(8deg)rotate(-2deg);box-shadow:0 -15px 50px #2d334117}.tool-cloud i{aspect-ratio:1;color:#52555c;background:#ffffffe6;border:1px solid #0000000e;border-radius:18px;place-items:center;font-size:25px;font-style:normal;transition:transform .18s,color .18s;display:grid;box-shadow:0 8px 18px #2a2f3a12}.tool-cloud i:nth-child(3n+1){color:#1479ef}.bento-card:hover .tool-cloud i:nth-child(odd){transform:translateY(-5px)}.bento-focus{background:radial-gradient(circle at 74% 68%,#6954e92b,#0000 42%),linear-gradient(145deg,#fff,#eff0f7)}.focus-demo{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f8fbe6;border:1px solid #ffffffd6;border-radius:20px 0 0;grid-template-rows:38px 1fr;grid-template-columns:minmax(0,1.28fr) minmax(150px,.72fr);min-height:360px;display:grid;position:absolute;bottom:-14px;left:34px;right:-18px;overflow:hidden;transform:perspective(900px)rotateX(4deg)rotate(-1deg);box-shadow:0 -22px 55px #2c304321}.focus-demo-bar{color:#70737b;border-bottom:1px solid #1b1e2612;grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 13px;font-size:7px;display:grid}.focus-demo-bar span{color:#6954e9;letter-spacing:.11em;font-weight:750}.focus-demo-bar b{color:#555861;font-weight:550}.focus-demo-bar i{font-style:normal}.focus-demo-canvas{background:#d8d9de;border-radius:11px;min-width:0;margin:12px 5px 12px 12px;position:relative;overflow:hidden;box-shadow:0 12px 28px #1a1d2629}.focus-demo-canvas:after{border-radius:inherit;content:"";border:2px solid #ffffffe0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #6954e973}.focus-demo-canvas img{object-fit:cover;width:100%;height:100%}.focus-demo-canvas span{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161cb3;border-radius:6px;padding:5px 7px;font-size:7px;position:absolute;bottom:10px;left:10px}.focus-demo-stack{border-left:1px solid #1b1e260f;align-content:start;gap:5px;padding:12px 12px 12px 6px;display:grid}.focus-demo-stack>span{color:#5d6069;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:25px 1fr;min-width:0;padding:8px;display:grid}.focus-demo-stack>span.active{background:#6954e91a;box-shadow:inset 2px 0 #6954e9}.focus-demo-stack i{color:#6954e9;grid-row:1/3;place-items:center;font-size:11px;font-style:normal;display:grid}.focus-demo-stack b{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;font-weight:620;overflow:hidden}.focus-demo-stack small{color:#9a9da5;font-size:6px}.bento-blend{background:radial-gradient(circle at 82% 83%,#2a85f429,#0000 45%),#eef4fb}.blend-demo{gap:5px;display:grid;position:absolute;bottom:20px;left:44px;right:22px;transform:rotate(-1.5deg)}.blend-demo>div{color:#5b626b;background:#ffffffdb;border:1px solid #1f446e14;border-radius:9px;grid-template-columns:25px 1fr auto;align-items:center;min-height:33px;padding:0 10px;font-size:7.5px;display:grid;box-shadow:0 7px 14px #2d517812}.blend-demo>div:nth-child(2){transform:translate(8px)}.blend-demo span,.blend-demo small{color:#8c929b;font-size:6.5px}.blend-demo b{font-weight:600}.blend-demo p{color:#6c737c;align-items:center;gap:7px;margin:3px 0 0;font-size:7px;display:flex}.blend-demo p i{background:linear-gradient(90deg,#2c8df1 26%,#7956e9 62%,#dedfe5 62%);border-radius:3px;width:62%;height:3px}.bento-brush{background:radial-gradient(circle at 20% 85%,#f06d3b2b,#0000 42%),#f8f2ec}.brush-demo{background:#26313a;border-radius:20px 0 0;width:55%;height:62%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:-12px -15px 35px #513e301f}.brush-demo>img{object-fit:cover;width:100%;height:100%}.brush-sample-ring{border:2px solid #fff;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:23%;left:35%;box-shadow:0 0 0 1px #1012166b,0 8px 22px #0003}.brush-sample-ring i{background:#f06d3b;border:1px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #10121666}.brush-demo>div{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#13161ca8;border:1px solid #ffffff47;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.brush-demo b{font-size:7.5px;font-weight:600}.brush-demo small{color:#ffffffb3;font-size:6px}.bento-command{background:radial-gradient(circle at 80% 20%,#7e57e82b,#0000 38%),#f0edf9}.mini-command{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fbfbfce8;border:1px solid #ffffffb8;border-radius:15px 15px 0 0;position:absolute;bottom:-8px;left:48px;right:-15px;overflow:hidden;box-shadow:0 18px 40px #3c2f6321}.mini-command>div{color:#8a8d94;border-bottom:1px solid #0000000f;grid-template-columns:20px 1fr auto;align-items:center;height:41px;padding:0 11px;font-size:9px;display:grid}.mini-command kbd{background:#ebebee;border-radius:4px;padding:3px 5px;font-size:7px}.mini-command p{color:#5e6168;border-radius:7px;grid-template-columns:19px 1fr 15px;align-items:center;height:32px;margin:0 6px;padding:0 6px;font-size:8.5px;display:grid}.mini-command p:first-of-type{color:#fff;background:#1479f0;margin-top:5px}.mini-command i{font-style:normal}.mini-command b{font-size:7px}.bento-scene{background:radial-gradient(circle at 50% 70%,#1e87f324,#0000 34%),#edf4fb}.scene-orbit{width:150px;height:120px;position:absolute;bottom:24px;right:26px}.scene-core{z-index:2;color:#fff;letter-spacing:.09em;background:linear-gradient(145deg,#4ba4f7,#216ee5);border-radius:50%;place-items:center;width:58px;height:58px;font-size:7px;font-weight:740;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 13px 25px #2276e240}.scene-orbit:before,.scene-orbit:after{content:"";border:1px solid #2377e033;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-orbit:before{width:118px;height:76px}.scene-orbit:after{width:148px;height:108px}.scene-orbit i{z-index:3;color:#4f5259;background:#ffffffd1;border:1px solid #ffffffb3;border-radius:6px;padding:5px 7px;font-size:7px;font-style:normal;position:absolute;box-shadow:0 5px 12px #2d476817}.orbit-sky{top:0;left:12px}.orbit-light{top:37px;right:0}.orbit-subject{bottom:0;left:20px}.bento-history{background:radial-gradient(circle at 80% 90%,#ee814129,#0000 36%),#f8f2ec}.history-branches{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;display:grid;position:absolute;bottom:28px;left:42px;right:22px}.history-branches span{color:#64676d;white-space:nowrap;background:#ffffffd1;border:1px solid #0000000e;border-radius:8px;padding:8px 9px;font-size:7.5px;box-shadow:0 7px 14px #533f2f12}.history-branches i{background:linear-gradient(90deg,#d0b8a3,#e08349);height:1px}.medium-section{color:#fff;background:#0b0b0d;min-height:1050px;padding:160px 24px;position:relative;overflow:hidden}.medium-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3865c238,#0000 65%);border-radius:50%;width:1000px;height:650px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.medium-sticky{z-index:2;width:min(1120px,100%);margin:auto;position:relative}.medium-heading{text-align:center}.medium-heading>p{color:#777981}.medium-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(58px,8vw,104px);font-weight:650;line-height:.92}.mode-showcase{margin-top:80px}.mode-tabs{justify-content:center;gap:7px;margin-bottom:20px;display:flex}.mode-tabs button{color:#85878f;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;height:39px;padding:0 15px;font-size:10px;transition:background .18s,color .18s;display:flex}.mode-tabs button span{color:#575960;font-size:7px}.mode-tabs button.active{color:#fff;background:#ffffff1c;border-color:#ffffff29}.mode-tabs button.active span{color:#aeb0b7}.mode-card{background:radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--mode-accent) 20%, transparent), transparent 40%), #151518;border:1px solid #ffffff1a;border-radius:31px;grid-template-columns:.82fr 1.18fr;min-height:520px;display:grid;overflow:hidden;box-shadow:0 40px 100px #0000006b}.mode-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:60px;animation:.35s ease-out mode-in;display:flex}@keyframes mode-in{0%{opacity:0;transform:translateY(12px)}}.mode-copy>span{color:var(--mode-accent);letter-spacing:.14em;font-size:8.5px;font-weight:730}.mode-copy h3{letter-spacing:-.06em;margin:16px 0 17px;font-size:clamp(34px,4vw,53px);font-weight:620;line-height:.98}.mode-copy>p{color:#8f9198;max-width:370px;margin:0;font-size:13px;line-height:1.55}.mode-metric{align-items:baseline;gap:10px;margin-top:38px;display:flex}.mode-metric strong{color:var(--mode-accent);letter-spacing:-.06em;font-size:34px;font-weight:600}.mode-metric small{color:#74767d;font-size:8.5px}.mode-visual{background:#222328;min-height:520px;position:relative;overflow:hidden}.mode-canvas{aspect-ratio:3/2;border:4px solid #2d2e33;border-radius:10px;position:absolute;top:60px;left:2%;right:-5%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #0006}.mode-canvas img{object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;animation:.48s cubic-bezier(.2,.8,.2,1) mode-image-in}@keyframes mode-image-in{0%{opacity:.72;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.mode-overlay{background:linear-gradient(135deg, color-mix(in srgb, var(--mode-accent) 22%, transparent), transparent 54%);mix-blend-mode:soft-light;position:absolute;inset:0}.mode-selection{filter:drop-shadow(0 0 1px #111);border:1px dashed #ffffffe6;border-radius:48%;width:52%;height:46%;position:absolute;top:20%;left:19%}.mode-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#25262bdb;border:1px solid #ffffff1c;border-radius:13px;gap:8px;width:170px;padding:14px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 20px 40px #0000004d}.mode-panel span{background:linear-gradient(90deg, var(--mode-accent) 45%, #4a4c52 45%);border-radius:4px;height:5px}.mode-panel span:nth-child(2){background:linear-gradient(90deg, var(--mode-accent) 62%, #4a4c52 62%)}.mode-panel span:nth-child(3){background:linear-gradient(90deg, var(--mode-accent) 27%, #4a4c52 27%)}.neural-showcase{background:#f7f6fa;min-height:1100px;padding:160px 24px;position:relative;overflow:hidden}.neural-aura{filter:blur(20px);background:radial-gradient(circle at 35%,#1f84f92e,#0000 50%),radial-gradient(circle at 65%,#8b49e233,#0000 52%);border-radius:50%;width:950px;height:650px;animation:7s ease-in-out infinite alternate neural-breathe;position:absolute;top:130px;left:50%;transform:translate(-50%)}@keyframes neural-breathe{to{transform:translate(-50%)scale(1.08)}}.neural-mark{z-index:2;color:#fff;background:linear-gradient(145deg,#7657ef,#287ff2);border-radius:15px;place-items:center;width:48px;height:48px;margin:0 auto 22px;font-size:22px;display:grid;position:relative;box-shadow:0 14px 32px #5d4ddf47}.neural-title{z-index:2;text-align:center;max-width:900px;margin:auto;position:relative}.neural-title>p:last-child{color:#75777f;max-width:590px;margin:25px auto 0;font-size:15px;line-height:1.5}.neural-product{z-index:2;-webkit-backdrop-filter:blur(26px)saturate(1.3);backdrop-filter:blur(26px)saturate(1.3);background:#f9f9fbd1;border:1px solid #ffffffd4;border-radius:27px;grid-template-columns:1.2fr .8fr;gap:12px;width:min(990px,100%);min-height:520px;margin:75px auto 0;padding:14px 14px 80px;display:grid;position:relative;box-shadow:0 45px 100px #3e3d5b2e,0 7px 20px #3e3d5b14}.neural-image{background:#1b2430;border-radius:17px;min-height:420px;position:relative;overflow:hidden}.neural-image:after{content:"";mix-blend-mode:screen;background:linear-gradient(#1c74e52b,#0000 45%),repeating-linear-gradient(90deg,#0000 0 59px,#ffffff0f 60px);position:absolute;inset:0}.neural-image img{object-fit:cover;filter:saturate(1.08)contrast(1.03);width:100%;height:100%}.depth-tag{z-index:3;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c1f2699;border:1px solid #ffffff73;border-radius:7px;padding:7px 9px;font-size:8px;position:absolute;box-shadow:0 5px 16px #00000026}.sky-tag{top:15%;left:13%}.dune-tag{top:54%;right:14%}.foreground-tag{bottom:10%;left:18%}.neural-action-grid{grid-template-columns:1fr 1fr;align-content:start;gap:9px;display:grid}.neural-action-grid button{text-align:left;cursor:pointer;background:#ffffffbd;border:1px solid #0000000e;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:117px;padding:15px;transition:transform .18s,background .18s;display:flex}.neural-action-grid button:hover{background:#fff;transform:translateY(-3px)}.neural-action-grid button>span{color:#6c54e6;background:#eeeafd;border-radius:9px;place-items:center;width:29px;height:29px;margin-bottom:10px;font-size:13px;display:grid}.neural-action-grid strong{font-size:9.5px;font-weight:630}.neural-action-grid small{color:#96989f;margin-top:3px;font-size:7.5px}.neural-action-grid b{color:#aaa;align-self:flex-end;margin-top:auto;font-size:14px;font-weight:400}.neural-prompt{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe8;border:1px solid #ffffffd9;border-radius:14px;grid-template-columns:25px 1fr auto;align-items:center;height:48px;padding:0 7px 0 14px;display:grid;position:absolute;bottom:24px;left:80px;right:80px;box-shadow:0 12px 28px #34364426}.neural-prompt>span{color:#7155eb}.neural-prompt p{color:#90939a;margin:0;font-size:9.5px}.neural-prompt button{color:#fff;background:#1479f4;border:0;border-radius:9px;height:34px;padding:0 14px;font-size:9px}.performance-section{color:#fff;background:#07080a;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:850px;padding:140px max(24px,50vw - 560px);display:grid;position:relative;overflow:hidden}.performance-orb{filter:blur(28px);opacity:.55;background:radial-gradient(circle at 32% 35%,#1f81ff8c,#0000 34%),radial-gradient(circle at 68% 65%,#813be675,#0000 42%),#0b1021;border-radius:50%;width:720px;height:720px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.performance-copy,.performance-stats{z-index:2;position:relative}.performance-copy>p:first-child{color:#71747c}.performance-copy h2{letter-spacing:-.07em;margin:0;font-size:clamp(54px,6vw,86px);font-weight:630;line-height:.92}.performance-copy h2 span{background:linear-gradient(100deg,#4094ff,#9970ef);color:#0000;-webkit-background-clip:text;background-clip:text}.performance-copy>p:nth-of-type(2){color:#82858d;max-width:450px;margin:27px 0;font-size:14px;line-height:1.55}.performance-copy a{color:#5ca2ff;align-items:center;gap:12px;font-size:11px;display:inline-flex}.performance-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.performance-stats article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:22px;min-height:205px;padding:28px}.performance-stats strong{letter-spacing:-.07em;font-size:53px;font-weight:540}.performance-stats span{color:#5fa4ff;margin-left:3px;font-size:19px}.performance-stats p{color:#74777f;max-width:120px;margin:65px 0 0;font-size:9px;line-height:1.4}.creator-section{background:#f5f5f7;padding:160px 24px}.creator-heading{width:min(1120px,100%);margin:auto}.creator-heading h2{max-width:850px}.creator-cards{grid-template-columns:repeat(3,1fr);gap:12px;width:min(1120px,100%);margin:70px auto 0;display:grid}.creator-cards article{background:#fff;border:1px solid #fffc;border-radius:25px;min-height:440px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 18px 45px #1f242f0f}.creator-cards article:hover{transform:translateY(-7px);box-shadow:0 28px 60px #1f242f1f}.creator-image{background:#d9dce2;height:215px;position:relative;overflow:hidden}.creator-image:after{content:"";background:linear-gradient(#0000 52%,#05080e61);position:absolute;inset:0}.creator-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.creator-cards article:hover .creator-image img{transform:scale(1.045)}.creator-image>span{z-index:2;color:#ffffffe0;letter-spacing:.1em;font-size:7px;font-weight:680;position:absolute;bottom:14px;left:16px;right:16px}.creator-card-copy{padding:25px 26px 28px}.creator-card-copy small{color:#9a9ca2;font-size:8px}.creator-cards h3{letter-spacing:-.04em;margin:20px 0 10px;font-size:18px;font-weight:660}.creator-cards p{color:#7d8087;max-width:250px;margin:0;font-size:11px;line-height:1.5}.creator-cards i{color:#666970;background:#f0f1f3;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-style:normal;display:grid;position:absolute;bottom:22px;right:20px}.final-cta{text-align:center;background:radial-gradient(circle at 50% 65%,#3486f524,#0000 38%),linear-gradient(#f6f6f8,#e8ebf2);place-items:center;min-height:880px;padding:100px 24px;display:grid;position:relative;overflow:hidden}.final-glow{filter:blur(15px);background:radial-gradient(circle at 35% 30%,#338dff57,#0000 34%),radial-gradient(circle at 68% 68%,#8749e647,#0000 39%),#fff3;border:1px solid #fff9;border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite alternate final-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes final-float{to{transform:translate(-50%,-53%)scale(1.08)}}.final-cta>div:last-child{z-index:2;position:relative}.final-mark{border-radius:15px;width:52px;height:52px;margin:0 auto 24px;font-size:22px}.final-cta div>p{margin-bottom:16px}.final-cta h2{font-size:clamp(55px,8vw,106px);line-height:.91}.final-cta a{color:#fff;background:#15161a;border-radius:15px;justify-content:center;align-items:center;gap:18px;width:max-content;height:50px;margin:34px auto 0;padding:0 21px;font-size:11px;font-weight:620;transition:transform .18s;display:flex;box-shadow:0 12px 30px #181c2530}.final-cta a:hover{transform:translateY(-3px)}.final-cta small{color:#8e9198;margin-top:17px;font-size:8.5px;display:block}.marketing-footer{background:#f5f5f7;border-top:1px solid #0000000f;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;padding:50px max(24px,50vw - 560px);display:grid}.marketing-footer>p{color:#8e9198;font-size:10px}.marketing-footer>div{gap:22px;display:flex}.marketing-footer>div a{color:#686a71;font-size:9.5px}.marketing-footer>small{color:#a0a2a8;grid-column:1/-1;font-size:8px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.marketing-nav{grid-template-columns:1fr auto}.marketing-links{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f9f9fbf2;border:1px solid #fffc;border-radius:14px;flex-direction:column;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:61px;left:0;right:0;box-shadow:0 18px 40px #191e2826}.marketing-links.open{display:flex}.marketing-links a{border-radius:9px;padding:12px}.marketing-links a:hover{background:#eceef1}.nav-studio-link{display:none}.mobile-menu-button{display:block}.marketing-hero{min-height:930px;padding-top:140px}.hero-copy h1{font-size:clamp(54px,12vw,82px)}.hero-product-wrap{width:min(900px,100vw - 30px);margin-top:58px}.bento-grid{grid-template-rows:auto;grid-template-columns:1fr}.bento-large{grid-row:auto;min-height:600px}.focus-demo{grid-template-columns:minmax(0,1.3fr) minmax(130px,.7fr)}.bento-card:not(.bento-large){min-height:360px}.mode-card{grid-template-columns:1fr}.mode-copy{padding:45px}.mode-visual{min-height:440px}.neural-product{grid-template-columns:1fr}.neural-image{min-height:390px}.performance-section{grid-template-columns:1fr;gap:60px}.creator-cards{grid-template-columns:1fr}.creator-cards article{min-height:420px}.creator-image{height:240px}}@media (max-width:600px){.marketing-nav{width:calc(100% - 20px)}.marketing-hero{min-height:800px;padding:126px 14px 70px}.hero-copy h1{font-size:50px}.hero-lede{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof-strip{grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:330px;padding:4px;display:grid}.hero-proof-strip span{border-right:0;justify-content:center}.primary-cta,.secondary-cta{width:100%}.hero-product-wrap{width:calc(100vw - 20px);margin-top:45px}.product-window-bar{height:30px}.product-window-bar b{display:none}.product-intro,.medium-section,.neural-showcase,.creator-section{padding:105px 14px}.section-heading{margin-bottom:50px}.section-heading h2,.neural-title h2,.creator-heading h2{font-size:43px}.section-heading>p:last-child,.neural-title>p:last-child{font-size:13px}.bento-card{border-radius:22px}.bento-copy{padding:30px}.bento-large{min-height:540px}.focus-demo{grid-template-columns:minmax(0,1.3fr) 112px;min-height:300px;left:18px;right:-34px}.focus-demo-stack{padding-right:6px}.focus-demo-stack>span{grid-template-columns:20px 1fr;padding:6px 4px}.brush-demo{width:64%}.tool-cloud{left:20px;right:-50px}.mode-tabs{grid-template-columns:1fr 1fr;display:grid}.mode-tabs button{justify-content:center}.mode-copy{padding:32px}.mode-visual{min-height:330px}.neural-product{border-radius:20px;padding:8px 8px 72px}.neural-image{min-height:280px}.neural-action-grid{grid-template-columns:1fr}.neural-action-grid button{min-height:88px}.neural-prompt{bottom:18px;left:15px;right:15px}.performance-section{padding:110px 14px}.performance-copy h2{font-size:49px}.performance-stats{grid-template-columns:1fr}.performance-stats article{min-height:175px}.performance-stats p{margin-top:45px}.final-cta{min-height:700px;padding:80px 14px}.final-cta h2{font-size:52px}.marketing-footer{grid-template-columns:1fr;gap:15px;padding:40px 20px}.marketing-footer>div{flex-wrap:wrap}.marketing-footer>small{grid-column:auto}}@media (prefers-reduced-motion:reduce){.hero-aurora,.capability-marquee>div,.neural-aura,.final-glow,.pulse-dot,.mode-canvas img{animation:none!important}.reveal{opacity:1;transform:none}}.spatial-studio{--studio-bg:#090a0e;--studio-surface:#101218;--studio-surface-raised:#151821;--studio-surface-hover:#1b1f29;--studio-line:#ffffff13;--studio-line-strong:#ffffff21;--studio-text:#f1f3f7;--studio-text-muted:#9299a7;--studio-accent:#7c6cf2;--studio-accent-bright:#9a8cff;--studio-accent-soft:#7c6cf229;background:var(--studio-bg);color:var(--studio-text);font-size:12px;display:block}.spatial-studio:before,.spatial-aura{display:none}.spatial-window{background:var(--studio-bg);width:100%;height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;grid-template-rows:58px minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:0}.spatial-topbar{border-bottom:1px solid var(--studio-line);background:#0e1016f7;grid-template-columns:minmax(250px,.75fr) minmax(300px,1.5fr) minmax(370px,1fr);gap:14px;padding:0 12px;box-shadow:0 8px 30px #0000002e}.studio-brand-area,.spatial-share-actions{align-items:center;gap:7px;min-width:0;display:flex}.studio-app-mark{color:#fff;cursor:pointer;background:linear-gradient(145deg,#8c7cf8,#6554d9);border:1px solid #9a8cff52;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:780;display:grid;box-shadow:0 8px 24px #5b4acf42}.studio-project-title{flex-direction:column;flex:1;gap:2px;min-width:72px;display:flex;overflow:hidden}.studio-project-title strong,.studio-project-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-project-title strong{color:#f6f7fa;font-size:11px;font-weight:650}.studio-project-title span{color:#747c8b;font-size:8px}.studio-header-button,.studio-icon-button,.spatial-export{border:1px solid var(--studio-line);color:#c4cad4;height:34px;box-shadow:none;cursor:pointer;background:#151820;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:610;transition:all .14s;display:inline-flex}.studio-header-button:hover,.studio-header-button.active,.studio-icon-button:hover{border-color:var(--studio-line-strong);color:#fff;background:#1d212b;transform:none}.studio-header-button>span{color:var(--studio-accent-bright);font-size:12px}.studio-icon-button{background:0 0;width:34px;padding:0;font-size:14px}.studio-icon-button:disabled{opacity:.3;cursor:default}.studio-action-divider{background:var(--studio-line);flex:0 0 1px;width:1px;height:20px;margin:0 2px}.spatial-export{color:#fff;background:linear-gradient(145deg,#7c6cf2,#6655d9);border-color:#8c7cf885;min-width:82px;font-size:10px;box-shadow:0 7px 20px #5b4acf3d}.spatial-export:hover{background:linear-gradient(145deg,#8b7bf8,#7463e5)}.spatial-export span{opacity:.72;font-size:10px}.workspace-switcher{min-width:0;box-shadow:inset 0 0 0 1px var(--studio-line);background:#0b0d12;border:0;border-radius:9px;justify-content:center;padding:3px;overflow-x:auto}.workspace-switcher button{color:#7f8796;border-radius:7px;min-width:52px;height:28px;padding:0 9px;font-size:8.5px;font-weight:610}.workspace-switcher button:hover{color:#d7dbe2}.workspace-switcher button.active{color:#fff;background:#20232d;box-shadow:inset 0 0 0 1px #ffffff12,0 5px 14px #0000003d}.spatial-share-actions{justify-content:flex-end;gap:5px;overflow-x:auto}.spatial-workspace{background:#090a0e;grid-template-columns:62px minmax(0,1fr) 320px;gap:0;padding:0}.spatial-toolbar{border-right:1px solid var(--studio-line);background:#0d0f14;padding:10px 7px 9px}.spatial-toolbar>div{gap:4px}.tool-rail-heading{color:#606777;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;letter-spacing:.09em;width:100%;margin:1px 0 7px;font-size:6px;font-weight:760;display:block;overflow:hidden}.spatial-toolbar>div>button{flex-basis:40px}.spatial-toolbar button{color:#7f8795;border-radius:9px;width:40px;height:40px}.spatial-toolbar button>span{font-size:17px}.spatial-toolbar button:hover{background:var(--studio-surface-hover);color:#d9dce3}.spatial-toolbar button.active{background:var(--studio-accent-soft);color:#aa9fff;box-shadow:inset 3px 0 0 var(--studio-accent), 0 6px 16px #00000029;border-color:#9082ff42}.spatial-toolbar button>i{border:1px solid var(--studio-line-strong);color:#f2f3f6;background:#191c24f7;border-radius:8px;padding:8px 10px;font-size:9px;left:47px;box-shadow:0 14px 40px #00000057}.spatial-toolbar .layers-orb{background:var(--studio-accent-soft);color:#a99dff;box-shadow:none;border-color:#8e7ffa47}.spatial-canvas-column{background:#08090c;grid-template-rows:44px 34px minmax(0,1fr) 86px;gap:0}.spatial-canvas-column[data-assets-open=false] .spatial-filmstrip{display:none}.studio-contextbar{border-bottom:1px solid var(--studio-line);background:#101218;align-items:center;gap:12px;min-width:0;padding:0 10px;display:flex}.studio-context-identity{border-right:1px solid var(--studio-line);align-items:center;gap:8px;min-width:142px;padding-right:11px;display:flex}.studio-context-identity>span{background:var(--studio-accent-soft);color:#a99cff;border-radius:7px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.studio-context-identity>div,.studio-context-summary{flex-direction:column;gap:1px;min-width:0;display:flex}.studio-context-identity strong,.studio-context-summary span{color:#e3e6eb;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.studio-context-identity small,.studio-context-summary small{color:#707887;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:7px;overflow:hidden}.studio-context-controls{align-items:center;gap:12px;min-width:0;display:flex}.studio-context-controls label{color:#858d9a;grid-template-columns:auto minmax(60px,110px) 34px;align-items:center;gap:6px;font-size:8px;display:grid}.studio-context-controls input[type=range]{width:100%;accent-color:var(--studio-accent)}.studio-context-controls output{color:#b6bcc6;text-align:right;font-family:var(--font-geist-mono), monospace;font-size:7.5px}.studio-context-controls .context-color{display:block}.context-color input{border:1px solid var(--studio-line-strong);background:0 0;border-radius:7px;width:26px;height:26px;padding:2px}.studio-context-summary{flex:1}.studio-context-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.studio-context-actions button{color:#7f8795;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;height:26px;padding:0 8px;font-size:8px}.studio-context-actions button:hover,.studio-context-actions button.active{border-color:var(--studio-line);background:var(--studio-surface-hover);color:#d8dce3}.spatial-document-tabs{border-bottom:1px solid var(--studio-line);scrollbar-width:none;background:#0c0e13;align-items:end;gap:2px;min-width:0;padding:4px 7px 0;display:flex;overflow-x:auto}.spatial-document-tabs::-webkit-scrollbar{display:none}.spatial-document-tabs>div{color:#6f7785;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;align-items:center;min-width:116px;height:29px;display:flex}.spatial-document-tabs>div:hover{color:#b7bdc7;background:#12151b}.spatial-document-tabs>div.active{border-color:var(--studio-line);color:#f0f2f6;background:#181b23}.spatial-document-tabs button{min-width:0;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px}.spatial-document-tabs button:first-child{text-align:left;flex:1}.spatial-document-tabs button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;display:block;overflow:hidden}.spatial-document-tabs button:last-child{color:#69717e;flex:0 0 24px;padding:0}.spatial-canvas-stage{background:radial-gradient(circle at 50% 38%,#2c303c61,#0000 58%),#07080b;border:0;border-radius:0;padding:clamp(12px,2.2vw,28px);box-shadow:inset 0 0 80px #00000057}.spatial-canvas{background:conic-gradient(#2a2d34 25%, #202329 0 50%, #2a2d34 0 75%, #202329 0) 0 / 18px 18px;border:1px solid #ffffff1f;border-radius:4px;box-shadow:0 24px 70px #00000085,0 3px 12px #0000007a}.canvas-status span{color:#a6adba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c11c7;border-color:#ffffff1a;padding:5px 7px;font-size:7px}.spatial-filmstrip{border:0;border-top:1px solid var(--studio-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e1015;border-radius:0;gap:6px;padding:7px 9px}.filmstrip-mode{border-color:var(--studio-line)}.filmstrip-mode strong{color:#c9ced7}.filmstrip-mode span{color:#666e7d}.spatial-filmstrip button{background:#171a21;border-width:1px;border-radius:7px;min-width:100px;height:68px}.spatial-filmstrip button.active{border-color:var(--studio-accent-bright);background:var(--studio-surface-raised);box-shadow:0 0 0 2px #7c6cf221}.spatial-filmstrip .film-add{border-color:var(--studio-line-strong);color:#747c8a}.spatial-inspector{border-left:1px solid var(--studio-line);background:#0e1015;gap:8px;padding:0 8px 8px;position:relative}.inspector-tabs{z-index:12;border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1015f5;grid-template-columns:repeat(3,1fr);gap:3px;margin:0 -8px 1px;padding:8px;display:grid;position:sticky;top:0}.inspector-tabs button{color:#737b89;cursor:pointer;background:0 0;border:0;border-radius:7px;height:29px;font-size:8.5px;font-weight:620}.inspector-tabs button span{color:#9d8fff;margin-right:3px}.spatial-inspector[data-tab=layers]>:not(.inspector-tabs):not(.layers-card):not(.spatial-view-dock),.spatial-inspector[data-tab=ai]>:not(.inspector-tabs):not(.neural-card):not(.spatial-view-dock),.spatial-inspector[data-tab=properties]>.layers-card,.spatial-inspector[data-tab=properties]>.neural-card{display:none}.glass-card{border:1px solid var(--studio-line);background:var(--studio-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;box-shadow:0 8px 22px #00000021}.glass-card>header{border-color:var(--studio-line);height:39px;padding:0 10px}.glass-card>header strong{color:#d7dbe2;font-size:10px;font-weight:650}.glass-card>header>button,.layer-add-menu button{color:#808896}.glass-card>header>button:hover,.layer-add-menu button:hover{background:var(--studio-surface-hover);color:#fff}.layer-add-menu{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.layer-add-menu::-webkit-scrollbar{display:none}.layers-card .layer-stack{max-height:min(48vh,520px)}.spatial-layer{border-radius:8px;width:calc(100% - 10px);min-height:48px;margin:3px 5px}.spatial-layer:hover{border-color:var(--studio-line);background:#171a22}.spatial-layer.active{background:var(--studio-accent-soft);box-shadow:inset 3px 0 0 var(--studio-accent);border-color:#8f81f840}.spatial-layer-thumb,.adjustment-thumb{border-color:var(--studio-line-strong);background-color:#1c2028}.spatial-layer strong,.spatial-layer .layer-name strong{color:#d1d5dc;font-size:9.5px}.layer-controls,.mask-controls,.tone-controls{border-color:var(--studio-line)}.layer-controls select,.spatial-studio select,.spatial-studio textarea,.spatial-studio input:not([type=range]):not([type=color]),.batch-modal select{border:1px solid var(--studio-line-strong)!important;color:#d0d4dc!important;background:#171a22!important}.mask-segmented{background:#090b0f}.mask-segmented button.active{color:#a99dff;box-shadow:inset 0 0 0 1px var(--studio-line);background:#20242e}.curve-graph,.blend-stack-editor,.advanced-blending-body{background-color:#0b0d12}.neural-compact>header small{background:var(--studio-accent-soft);color:#a99dff}.spatial-view-dock{border-color:var(--studio-line);background:#13161df0;margin-top:auto;position:sticky;bottom:0;box-shadow:0 -8px 20px #090a0e66}.spatial-view-dock button:hover{background:var(--studio-surface-hover);color:#fff}.spatial-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020305b8}.spatial-command,.batch-modal,.spatial-neural-modal{border-color:var(--studio-line-strong);color:var(--studio-text);background:#111319fa;box-shadow:0 36px 100px #00000094}.spatial-command>div,.spatial-neural-modal>header,.batch-modal>header{border-color:var(--studio-line)}.spatial-command>p,.spatial-command input,.spatial-command>button{color:#a4abb6}.spatial-command>button:hover{background:var(--studio-accent);color:#fff}.spatial-toast{border-color:var(--studio-line-strong);background:#181b23f0;font-size:9px;top:16px;box-shadow:0 16px 42px #00000059}.studio-popover-backdrop{z-index:180;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0203058a;position:fixed;inset:0}.studio-export-popover{border:1px solid var(--studio-line-strong);width:min(440px,100vw - 28px);color:var(--studio-text);background:#12151b;border-radius:14px;animation:.14s ease-out spatial-fade;position:absolute;top:68px;right:14px;overflow:hidden;box-shadow:0 32px 90px #0000009e}.studio-export-popover>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;height:60px;padding:0 14px;display:flex}.studio-export-popover>header div,.studio-export-popover article>div,.studio-export-popover footer>div{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-export-popover>header strong{font-size:12px}.studio-export-popover>header span,.studio-export-popover article small,.studio-export-popover footer span{color:#777f8d;font-size:8px}.studio-export-popover>header button{color:#8f97a4;cursor:pointer;background:#1c2028;border:0;border-radius:8px;width:29px;height:29px}.studio-export-options{gap:7px;padding:10px;display:grid}.studio-export-options article{border:1px solid var(--studio-line);background:#0e1015;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 86px 100px;align-items:center;gap:9px;min-height:62px;padding:8px;display:grid}.export-format-mark{color:#76b5ff;background:#4899f624;border-radius:9px;place-items:center;width:36px;height:36px;font-size:8px;font-weight:760;display:grid}.export-format-mark.psd{background:var(--studio-accent-soft);color:#aa9fff}.studio-export-options article>div strong{color:#d9dde4;font-size:9.5px}.studio-export-options select,.studio-export-options article>button,.studio-export-popover footer>button{border:1px solid var(--studio-line-strong);color:#c7ccd5;background:#1a1e27;border-radius:7px;height:30px;font-size:8px}.studio-export-options article>button,.studio-export-popover footer>button{cursor:pointer}.studio-export-options article>button:hover,.studio-export-popover footer>button.active{background:var(--studio-accent-soft);color:#b5abff;border-color:#8e7ffa73}.studio-export-options article p{color:#6f7784;grid-column:2/-1;margin:-2px 0 0;font-size:7px}.studio-export-popover footer{border-top:1px solid var(--studio-line);background:#0e1015;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.studio-export-popover footer strong{color:#bfc5ce;font-size:8.5px}.studio-export-popover footer>button{min-width:82px;padding:0 9px}@media (max-width:1220px){.spatial-topbar{grid-template-columns:210px minmax(260px,1fr) minmax(350px,auto);gap:8px}.studio-project-title span{display:none}.spatial-workspace{grid-template-columns:58px minmax(0,1fr) 292px}.studio-context-controls label{grid-template-columns:auto 70px 31px}}@media (max-height:760px){.spatial-window{grid-template-rows:54px minmax(0,1fr)}.spatial-canvas-column{grid-template-rows:40px 31px minmax(0,1fr) 70px}.spatial-canvas-column[data-assets-open=false]{grid-template-rows:40px 31px minmax(0,1fr)}.spatial-toolbar button{width:36px;height:35px}.spatial-filmstrip button{min-width:88px;height:56px}.studio-contextbar{gap:8px}}.spatial-toolbar .tool-glyph,.tool-palette .tool-glyph{color:currentColor;text-rendering:geometricprecision;background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff13;border-radius:7px;place-items:center;width:25px;height:25px;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,sans-serif;font-size:15px;font-style:normal;font-weight:580;line-height:1;display:grid}.spatial-toolbar button:hover .tool-glyph,.spatial-toolbar button.active .tool-glyph{color:#b9b0ff;background:#8d7dff21;border-color:#9789ff4d}.spatial-toolbar .tool-library-trigger{border-top:1px solid var(--studio-line);border-radius:0 0 9px 9px;margin-top:6px;position:relative}.spatial-toolbar .tool-library-trigger:before{background:var(--studio-line);content:"";width:32px;height:1px;position:absolute;top:-7px;left:4px}.tool-more-dots{justify-content:center;align-items:center;gap:3px;width:25px;height:25px;display:flex!important}.tool-more-dots i{background:currentColor;border-radius:50%;width:3px;height:3px;display:block}.tool-library-trigger>b{color:#fff;background:#7767eb;border:2px solid #0d0f14;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:7px;font-weight:760;line-height:1;display:grid;position:absolute;top:2px;right:1px}.tool-palette-scrim{z-index:95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03040761;justify-content:flex-start;align-items:flex-start;padding:70px 0 0 68px;display:flex;position:fixed;inset:0}.tool-palette{border:1px solid var(--studio-line-strong);width:min(760px,100vw - 96px);max-height:min(730px,100vh - 92px);color:var(--studio-text);background:#0f1117fb;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000094,inset 0 0 0 1px #ffffff06}.tool-palette>header{justify-content:space-between;align-items:center;min-height:62px;padding:13px 16px 10px;display:flex}.tool-palette>header>div{gap:3px;display:grid}.tool-palette>header span{color:#737c8c;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:680}.tool-palette>header strong{letter-spacing:-.015em;font-size:16px;font-weight:670}.tool-palette>header>button,.tool-palette-search>button{border:1px solid var(--studio-line);color:#929aa8;cursor:pointer;background:#151820;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.tool-palette-search{border:1px solid var(--studio-line);color:#697281;background:#0b0d12;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;height:42px;margin:0 16px 12px;padding:0 7px 0 11px;display:grid}.tool-palette-search>span{font-size:16px}.tool-palette-search input{color:#e9ecf2;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.tool-palette-search input::placeholder{color:#687180}.tool-palette-search>button{background:0 0;border:0;width:25px;height:25px}.tool-palette-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px;padding:0 12px 16px 16px;display:grid;overflow:auto}.tool-palette-group{border:1px solid var(--studio-line);background:#101218;border-radius:11px;overflow:hidden}.tool-palette-group>header{border-bottom:1px solid var(--studio-line);background:#ffffff04;justify-content:space-between;align-items:center;min-height:43px;padding:8px 10px;display:flex}.tool-palette-group>header>div{gap:2px;display:grid}.tool-palette-group>header strong{color:#dfe3ea;font-size:10px;font-weight:660}.tool-palette-group>header span,.tool-palette-group>header small{color:#697281;font-size:7.5px}.tool-palette-group>header small{background:#1a1d25;border-radius:10px;place-items:center;min-width:20px;height:20px;display:grid}.tool-palette-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:5px;display:grid}.tool-palette-group>div>button{color:#929aa8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:46px;padding:5px 7px;display:grid}.tool-palette-group button>span:nth-child(2){gap:2px;min-width:0;display:grid}.tool-palette-group button strong,.tool-palette-group button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-palette-group button strong{font-size:9px;font-weight:590}.tool-palette-group button small{color:#687180;font-size:7px}.tool-palette-group kbd,.desktop-statusbar kbd{border:1px solid var(--studio-line);color:#828b99;text-align:center;background:#0a0c10;border-radius:5px;min-width:20px;padding:3px 5px;font-family:inherit;font-size:7px;box-shadow:0 1px #ffffff0f}.tool-palette-empty{color:#697281;grid-column:1/-1;align-content:center;place-items:center;gap:6px;min-height:210px;display:grid}.tool-palette-empty>span{font-size:24px}.tool-palette-empty strong{color:#adb4c0;font-size:11px}.tool-palette-empty small{font-size:8px}.desktop-titlebar-drag{display:none}html[data-luma-platform=desktop] .spatial-topbar{background:#0e1016;border-top:1px solid #ffffff08;padding-left:82px;position:relative;box-shadow:0 1px #000000a6}html[data-luma-platform=desktop] .desktop-titlebar-drag{z-index:4;height:10px;display:block;position:absolute;top:0;left:78px;right:0}html[data-luma-platform=desktop] .studio-app-mark{display:none}html[data-luma-platform=desktop] .studio-project-title strong:after{color:#686f7d;content:"— Luma Studio";margin-left:6px;font-size:8px;font-weight:480}.desktop-statusbar{border-top:1px solid var(--studio-line);color:#697180;letter-spacing:.01em;white-space:nowrap;background:#0a0c10;align-items:center;gap:12px;min-width:0;padding:0 9px;font-size:7.5px;display:none;overflow:hidden}.spatial-workspace[data-dock-location=right]{grid-template-columns:58px minmax(0,1fr) auto}.spatial-workspace[data-dock-location=left]{grid-template-columns:58px auto minmax(0,1fr)}.spatial-workspace[data-dock-location=left]>.spatial-toolbar{grid-column:1}.spatial-workspace[data-dock-location=left]>.dock-manager{grid-area:1/2}.spatial-workspace[data-dock-location=left]>.spatial-canvas-column{grid-area:1/3}.spatial-workspace[data-dock-location=bottom]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:58px minmax(0,1fr)}.spatial-workspace[data-dock-location=bottom]>.spatial-toolbar{grid-area:1/1/3}.spatial-workspace[data-dock-location=bottom]>.spatial-canvas-column{grid-area:1/2}.spatial-workspace[data-dock-location=bottom]>.dock-manager{grid-area:2/2;min-height:160px;width:auto!important}.spatial-workspace[data-dock-location=floating]{grid-template-columns:58px minmax(0,1fr)}.spatial-workspace[data-dock-location=floating]>.dock-manager{z-index:120;border:1px solid #7a829173;border-radius:9px;min-width:260px;position:fixed;top:94px;bottom:44px;right:22px;box-shadow:0 18px 54px #00000057}.dock-manager{gap:0;min-width:0;position:relative}.dock-tabbar{z-index:5;background:#17191ef5;border-bottom:1px solid #7f889733;flex:0 0 32px;align-items:stretch;min-height:32px;display:flex}.dock-tabs{scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.dock-tabs::-webkit-scrollbar{display:none}.dock-tabs>div{color:#9ba1ac;border-right:1px solid #7f889726;align-items:center;min-width:0;display:flex}.dock-tabs>div.active{color:#eef1f6;background:#171a1f;box-shadow:inset 0 -2px #2688f4}.dock-tabs button,.dock-collapse{height:31px;color:inherit;cursor:pointer;background:0 0;border:0}.dock-tabs [role=tab]{align-items:center;gap:5px;min-width:0;padding:0 7px 0 9px;display:flex}.dock-tabs [role=tab] strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:590;overflow:hidden}.dock-tab-close{opacity:0;width:22px;padding:0 5px 1px 1px!important}.dock-tabs>div:hover .dock-tab-close,.dock-tab-close:focus-visible{opacity:.72}.dock-collapse{border-left:1px solid #7f889726;width:28px;font-size:16px}.dock-manager:has(.dock-collapse[aria-expanded=false]){min-width:34px;width:34px!important}.dock-manager:has(.dock-collapse[aria-expanded=false]) .dock-tabs{display:none}.dock-resizer{z-index:10;touch-action:none;position:absolute}.dock-resizer-right{cursor:ew-resize;width:8px;top:0;bottom:0;left:-4px}.dock-resizer-left{cursor:ew-resize;width:8px;top:0;bottom:0;right:-4px}.dock-resizer-bottom{cursor:ns-resize;height:8px;top:-4px;left:0;right:0}.dock-resizer-floating{display:none}.dock-drop-targets{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b121cd1;border:1px dashed #3a96ffcc;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));place-content:center;gap:8px;padding:16px;display:grid;position:absolute;inset:42px 8px 8px}.dock-drop-targets button{color:#dcecff;cursor:pointer;background:#2385f424;border:1px solid #4c9fff7a;border-radius:5px;min-height:42px;font-size:10px}.dock-drop-targets button:hover,.dock-drop-targets button:focus-visible{outline-offset:1px;background:#2385f461;outline:2px solid #2688f4}.dock-collapsed-rail{color:#8c929d;background:#111318;border-left:1px solid #7f889733;place-items:center;width:34px;min-height:0;display:grid}.dock-collapsed-rail span{writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;font-size:9px}html[data-luma-platform=desktop] .dock-tabbar{display:flex!important}html[data-luma-platform=desktop] .spatial-inspector[data-dock-managed][data-dock-active=layers]>:not(.dock-tabbar):not(.layers-card):not(.dock-resizer):not(.dock-drop-targets),html[data-luma-platform=desktop] .spatial-inspector[data-dock-managed][data-dock-active=properties]>.layers-card,html[data-luma-platform=desktop] .spatial-inspector[data-dock-managed][data-dock-active=neural]>:not(.dock-tabbar):not([data-contextual-panel=neural]):not(.dock-resizer):not(.dock-drop-targets){display:none!important}html[data-luma-platform=desktop] .spatial-inspector[data-dock-managed][data-dock-active=properties]>.desktop-properties-card{display:block!important}html[data-luma-platform=desktop] .spatial-inspector[data-dock-managed][data-dock-active=neural]>[data-contextual-panel=neural]{flex:auto;min-height:0;overflow:auto;display:block!important}html[data-luma-platform=desktop] .desktop-statusbar{display:flex}.desktop-statusbar>span{align-items:center;gap:5px;display:inline-flex}.desktop-status-brand{color:#a9b0bc;font-weight:620}.desktop-status-brand i{background:#58c98d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #58c98d80}.desktop-status-spacer{flex:1}.desktop-status-local{color:#62bd8c;letter-spacing:.1em;background:#58c98d17;border-radius:4px;padding:2px 5px;font-size:6.5px;font-weight:750}html[data-luma-platform=desktop],html[data-luma-platform=desktop] body{-webkit-user-select:none;user-select:none;background:#08090c;overflow:hidden}html[data-luma-platform=desktop] input,html[data-luma-platform=desktop] textarea,html[data-luma-platform=desktop] [contenteditable=true]{-webkit-user-select:text;user-select:text}@media (max-width:1180px){.tool-palette-groups{grid-template-columns:minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-topbar{padding-left:76px}}body:has(.spatial-studio){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6f8;min-width:0}.spatial-studio{--studio-bg:#f5f6f8;--studio-surface:#fafafb;--studio-surface-raised:#fff;--studio-surface-hover:#eff0f3;--studio-line:#171a2216;--studio-line-strong:#171a2224;--studio-text:#202124;--studio-text-muted:#656a73;--studio-tertiary:#8b9099;--studio-accent:#6957f5;--studio-accent-bright:#6957f5;--studio-accent-soft:#6957f51a;background:var(--studio-bg);color:var(--studio-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:12px}.spatial-window{background:#f5f6f8;grid-template-rows:52px minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-window{grid-template-rows:52px minmax(0,1fr) 22px}.studio-titlebar.spatial-topbar{border-top:0;border-bottom:1px solid var(--studio-line);height:52px;color:var(--studio-text);box-shadow:none;background:#f8f9fbfa;grid-template-columns:minmax(210px,1fr) auto minmax(420px,1fr);gap:16px;padding:0 12px;display:grid;position:relative}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{background:#f7f8fa;padding-left:78px;box-shadow:inset 0 1px #fffc}.studio-titlebar .studio-brand-area{gap:9px;min-width:0}.studio-titlebar .studio-app-mark{color:#fff;width:29px;height:29px;box-shadow:none;background:#6957f5;border:0;border-radius:7px;flex-basis:29px;font-size:12px}html[data-luma-platform=desktop] .studio-titlebar .studio-app-mark{display:none}.studio-product-name{color:#292b31;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.studio-titlebar .studio-project-title{text-align:center;justify-content:center;align-items:center;gap:1px;min-width:140px}.studio-titlebar .studio-project-title strong{color:#24262b;font-size:12px;font-weight:620}.studio-titlebar .studio-project-title strong:after{content:none}.studio-titlebar .studio-project-title span{color:#898e97;font-size:9px}.studio-titlebar .spatial-share-actions{gap:4px;overflow:visible}.studio-titlebar .studio-header-button,.studio-titlebar .studio-icon-button,.studio-titlebar .spatial-export,.studio-app-menu>summary{color:#5e636c;height:30px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:6px;font-size:11px;transition:background .14s,color .14s,border-color .14s}.studio-titlebar .studio-icon-button,.studio-app-menu>summary{place-items:center;width:30px;padding:0;display:grid}.studio-titlebar .studio-icon-button svg,.studio-app-menu>summary svg{stroke-width:1.65px;width:15px;height:15px}.studio-titlebar .studio-header-button:hover,.studio-titlebar .studio-icon-button:hover,.studio-app-menu>summary:hover{color:#202124;background:#eceef1;border-color:#0000}.studio-titlebar .studio-icon-button:disabled{opacity:.35}.studio-titlebar .studio-action-divider{background:var(--studio-line);height:18px}.studio-fit-button{padding:0 8px!important}.studio-zoom-readout{color:#5f646d;text-align:center;min-width:42px;font-size:10px}.studio-titlebar .spatial-export{color:#fff;background:#6957f5;border-color:#5846df38;min-width:82px;padding:0 10px;font-size:11px;font-weight:620}.studio-titlebar .spatial-export:hover,.studio-titlebar .spatial-export.active{background:#5f4ee8;border-color:#5848db}.studio-titlebar .spatial-export svg{width:13px;height:13px}.studio-app-menu{position:relative}.studio-app-menu>summary{cursor:pointer;list-style:none}.studio-app-menu>summary::-webkit-details-marker{display:none}.studio-app-menu>div{z-index:160;border:1px solid var(--studio-line-strong);background:#fffffffb;border-radius:9px;gap:2px;width:224px;padding:6px;display:grid;position:absolute;top:35px;right:0;box-shadow:0 14px 40px #21242d29}.studio-app-menu>div button{color:#34373e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:0 8px;font-size:11px;display:grid}.studio-app-menu>div button:hover,.studio-app-menu>div button.active{color:#5140db;background:#efefff}.studio-app-menu>div button svg{stroke-width:1.65px;width:14px;height:14px}.studio-app-menu>div button>span:only-child{grid-column:2}.studio-app-menu kbd{color:#8b9099;font-family:inherit;font-size:9px}.studio-app-menu hr{background:var(--studio-line);border:0;width:100%;height:1px;margin:4px 0}.spatial-workspace{background:#eef0f3;grid-template-columns:62px minmax(0,1fr) 320px}.spatial-toolbar{z-index:15;border-right:1px solid var(--studio-line);background:#f7f8fa;padding:7px 5px 6px;position:relative}.primary-tool-categories{flex-direction:column;align-items:center;gap:1px;height:100%;display:flex}.primary-tool-categories>button,.spatial-toolbar .tool-library-trigger{color:#686e78;width:52px;height:52px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 52px;grid-template-rows:27px 12px;place-items:center;gap:0;margin:0;padding:5px 2px 4px;transition:background .14s,color .14s;display:grid;position:relative}.primary-tool-categories>button svg{stroke-width:1.65px;width:20px;height:20px}.primary-tool-categories>button>span{color:inherit;font-size:9px;font-weight:520;line-height:1}.primary-tool-categories>button:hover{color:#30333a;background:#eceef2}.primary-tool-categories>button.active{color:#6957f5;box-shadow:none;background:#6957f51a}.primary-tool-categories>.tool-library-trigger{border-top:1px solid var(--studio-line);border-radius:0;margin-top:auto}.primary-tool-categories>.tool-library-trigger:before,.primary-tool-categories>.tool-library-trigger>b,.primary-tool-categories>button>i{display:none}.tool-family-scrim{z-index:90;background:0 0;position:fixed;inset:52px 0 0 62px}.tool-family-menu{border:1px solid var(--studio-line-strong);color:#202124;background:#fff;border-radius:9px;width:242px;animation:.14s ease-out spatial-fade;position:absolute;top:8px;left:7px;overflow:hidden;box-shadow:0 18px 50px #1d212b2b}.tool-family-menu>header{border-bottom:1px solid var(--studio-line);color:#6957f5;align-items:center;gap:9px;height:48px;padding:0 12px;display:flex}.tool-family-menu>header>div{gap:2px;display:grid}.tool-family-menu>header strong{color:#282b31;font-size:11px}.tool-family-menu>header span{color:#8b9099;font-size:9px}.tool-family-menu>div{gap:1px;max-height:min(520px,100vh - 122px);padding:5px;display:grid;overflow:auto}.tool-family-menu>div>button{color:#5c616b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:11px;display:grid}.tool-family-menu>div>button:hover,.tool-family-menu>div>button.active{color:#5846e2;background:#efefff}.tool-family-menu kbd{color:#989da6;font-family:inherit;font-size:9px}.spatial-canvas-column{background:#dde0e5;grid-template-rows:44px 28px minmax(0,1fr) 98px}.studio-contextbar{border-bottom:1px solid var(--studio-line);color:#30333a;min-height:44px;box-shadow:none;scrollbar-width:none;background:#fafafb;gap:10px;padding:0 8px;overflow-x:auto}.studio-contextbar::-webkit-scrollbar{display:none}.studio-context-identity{border-right:1px solid var(--studio-line);gap:7px;min-width:144px;padding-right:10px}.studio-context-identity>span{color:#6957f5;background:#efefff;border:0;border-radius:5px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.studio-context-identity strong{color:#303239;text-transform:capitalize;font-size:11px;font-weight:620}.studio-context-identity small{color:#8b9099;font-size:8px}.studio-context-controls{gap:8px}.context-range{color:#666b74;align-items:center;min-width:max-content;font-size:9px;grid-template-columns:auto 54px 31px!important;gap:5px!important;display:grid!important}.context-range input[type=range]{accent-color:#6957f5;width:54px}.context-range output{color:#444850;font-size:8px}.context-select{color:#666b74;align-items:center;gap:5px;font-size:9px;display:flex}.context-select select{width:82px;height:26px;padding:0 5px}.context-color{border:1px solid var(--studio-line-strong);background:#fff;border-radius:5px;width:25px;height:25px}.context-segmented{background:#eceef1;border-radius:6px;gap:1px;padding:2px;display:flex}.context-segmented button,.studio-context-actions button{color:#666b74;cursor:pointer;background:0 0;border:0;border-radius:4px;height:25px;padding:0 7px;font-size:9px}.context-segmented button:hover,.context-segmented button.active,.studio-context-actions button:hover,.studio-context-actions button.active{color:#5846e2;background:#fff;box-shadow:0 1px 3px #1d202814}.context-tool-note,.studio-context-summary small{color:#8b9099;font-size:9px}.studio-context-summary span{color:#3b3e45;font-size:10px}.studio-context-actions{margin-left:auto}.spatial-document-tabs{background:#eef0f3;border-bottom:1px solid #1a1d2317;min-height:28px;padding:0 5px}.spatial-document-tabs>div{border-right:1px solid var(--studio-line);background:#e8eaee;border-bottom:0;min-width:118px;height:28px}.spatial-document-tabs>div.active{background:#f8f9fa;box-shadow:inset 0 -2px #6957f5}.spatial-document-tabs button{color:#747983;font-size:9px}.spatial-document-tabs>div.active button{color:#32353b}.spatial-canvas-stage,.spatial-canvas{background:#dde0e5}.spatial-canvas-stage{box-shadow:inset 0 1px #ffffff73}.document-overlay-plane{border:1px solid #2629302e;box-shadow:0 8px 28px #32364129,0 1px 3px #22252c1f}.canvas-status{color:#555b65;font-size:9px;bottom:9px;left:10px;right:10px}.canvas-status span{color:#5f646e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbfce0;border:1px solid #1f222914;border-radius:5px;padding:4px 7px;box-shadow:0 2px 8px #23262e0f}.spatial-filmstrip{border-top:1px solid var(--studio-line);background:var(--studio-panel,#191b20);height:98px;box-shadow:none;gap:7px;padding:8px 8px 7px}.filmstrip-mode{border-right:1px solid var(--studio-line);width:78px;min-width:78px;color:var(--studio-text,#d4d8e0);padding:0 5px}.filmstrip-mode strong{color:#363940;font-size:10px}.filmstrip-mode span{color:#8b9099;font-size:8px}.filmstrip-mode button{margin-top:4px;color:#8b9099!important;background:0 0!important;border:0!important;width:22px!important;min-width:22px!important;height:20px!important}.spatial-filmstrip>button{min-width:92px;height:76px;box-shadow:none;background:#eceef1;border:1px solid #0000;border-radius:5px}.spatial-filmstrip>button:hover{border-color:#22252c24}.spatial-filmstrip>button.active{background:#fff;border-color:#6957f5;box-shadow:0 0 0 1px #6957f52e}.spatial-filmstrip img{border-radius:3px}.spatial-filmstrip button>span{color:#4d525b;background:#ffffffe0;border-radius:3px;padding:2px 5px;font-size:8px}.spatial-inspector{border-left:1px solid var(--studio-line);min-width:0;color:var(--studio-text);scrollbar-color:#2d313a2e transparent;background:#fafafb;flex-direction:column;gap:0;padding:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafbf7;order:0;grid-template-columns:repeat(3,1fr);gap:0;min-height:39px;margin:0;padding:5px 8px;display:grid;top:0}.inspector-tabs button{color:#797f89;background:0 0;border:0;border-radius:5px;height:28px;font-size:10px;font-weight:560}.inspector-tabs button:hover{color:#30333a}.inspector-tabs button.active{color:#5c4ae6;box-shadow:none;background:#ececfb}.inspector-tabs button span{color:#6957f5}.spatial-inspector[data-tab=layers]>.glass-card:not(.layers-card),.spatial-inspector[data-tab=ai]>.glass-card:not(.neural-card),.spatial-inspector[data-tab=properties]>.layers-card,.spatial-inspector[data-tab=properties]>.neural-card{display:none!important}.spatial-inspector[data-tab=layers]>.layers-card,.spatial-inspector[data-tab=ai]>.neural-card,.spatial-inspector[data-tab=properties]>.glass-card:not(.layers-card):not(.neural-card){display:block!important}.spatial-inspector[data-tab]>.spatial-view-dock{display:flex!important}.spatial-inspector>.glass-card{order:1}.spatial-inspector>.neural-card{order:2}.spatial-inspector>.layers-card{order:3}.spatial-inspector>.spatial-view-dock{order:4}.spatial-inspector .glass-card{border:0;border-bottom:1px solid var(--studio-line);width:100%;box-shadow:none;color:#34373e;background:0 0;border-radius:0;margin:0}.spatial-inspector .glass-card>header{background:0 0;border-bottom:0;height:38px;padding:0 12px}.spatial-inspector .glass-card>header strong{color:#30333a;letter-spacing:.015em;font-size:11px;font-weight:650}.spatial-inspector .glass-card>header small{color:#8b9099;font-size:8px}.spatial-inspector .glass-card>header button,.layer-add-menu button{color:#757b85}.spatial-inspector .glass-card>header button:hover,.layer-add-menu button:hover{color:#4f3edc;background:#eceef1}.layer-add-menu button:nth-child(n+3){opacity:0;width:0;padding:0;transition:width .14s,opacity .14s;overflow:hidden}.layers-card>header:hover .layer-add-menu button:nth-child(n+3),.layers-card>header:focus-within .layer-add-menu button:nth-child(n+3){opacity:1;width:25px}.layers-card .layer-stack{max-height:360px;padding:2px 6px 6px}.layer-stack-footer{border-top:1px solid var(--studio-line);justify-content:flex-end;align-items:center;gap:4px;padding:4px 8px;display:flex}.layer-stack-footer button{min-width:28px;min-height:28px;padding:0 6px}.spatial-layer{color:#42464e;width:100%;min-height:40px;box-shadow:none;cursor:default;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 5px;margin:1px 0!important}.spatial-layer:hover{background:#f0f1f4;border-color:#0000}.spatial-layer.active{background:#6957f51a;border-color:#6957f51f;box-shadow:inset 2px 0 #6957f5}.spatial-layer-thumb,.adjustment-thumb{color:#666c76;background-color:#e6e8ec;border-color:#181b221f;border-radius:4px}.spatial-layer strong,.spatial-layer .layer-name strong{color:#34373e;font-size:10px;font-weight:540}.spatial-layer .layer-name small{color:#8b9099;font-size:8px}.spatial-layer>i{color:#7d838d;opacity:.35}.spatial-layer:hover>i,.spatial-layer.active>i{opacity:1}.layer-controls,.mask-controls,.tone-controls{border-color:var(--studio-line);background:0 0}.layer-controls label,.mask-controls label,.tone-controls label{color:#656a73;font-size:10px}.layer-controls output,.mask-controls output,.tone-controls output{color:#454951;font-size:9px}.layer-controls input,.mask-controls input,.tone-controls input{accent-color:#6957f5}.spatial-studio select,.spatial-studio textarea,.spatial-studio input:not([type=range]):not([type=color]),.batch-modal select,.layer-controls select{border:1px solid var(--studio-line-strong)!important;color:#30333a!important;box-shadow:none!important;background:#fff!important;border-radius:6px!important}.mask-segmented{border-color:var(--studio-line);background:#eff0f3}.mask-segmented button{color:#6d727c;font-size:9px}.mask-segmented button.active{color:#5a48e2;background:#fff;box-shadow:0 1px 3px #1f222a14}.channel-switcher{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0 10px 9px}.channel-switcher button{height:26px}.inspector-create-row,.document-size-row{grid-template-columns:minmax(0,1fr) 28px;gap:6px;padding:0 10px 9px;display:grid}.document-size-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.inspector-create-row input,.document-size-row input{width:100%;min-width:0;height:28px}.inspector-create-row>button,.document-size-row>button{border:1px solid var(--studio-line-strong);color:#5a48e2;cursor:pointer;background:#f3f2ff;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:14px;display:grid}.inspector-create-row>button:hover,.document-size-row>button:hover{background:#eceaff;border-color:#6957f54d}.inspector-empty-state{color:#969ba4;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.document-diagnostics{border:1px solid var(--studio-line);background:#f7f8fa;border-radius:7px;overflow:hidden}.document-diagnostics summary{color:#5b6069;cursor:pointer;align-items:center;gap:6px;min-height:31px;padding:0 8px;font-size:9px;font-weight:600;list-style:none;display:flex}.document-diagnostics summary::-webkit-details-marker{display:none}.document-diagnostics summary:before{color:#8d929b;content:"›";transition:transform .14s}.document-diagnostics[open] summary:before{transform:rotate(90deg)}.document-diagnostics summary small{color:#969ba4;margin-left:auto;font-size:8px;font-weight:500}.document-diagnostics-body{border-top:1px solid var(--studio-line);gap:0;padding:0 8px 6px;display:grid}.document-diagnostics-body>div{color:#858a93;border-bottom:1px solid #23262d0d;justify-content:space-between;align-items:center;gap:8px;min-height:25px;font-size:8px;display:flex}.document-diagnostics-body>div:last-child{border-bottom:0}.document-diagnostics-body b{color:#555a63;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:550;overflow:hidden}.mask-actions button,.adjustment-chips button,.blend-pass,.blend-stack-heading button,.blend-pass-order button,.blend-pass-toggle,.neural-quick-grid button{border-color:var(--studio-line)!important;color:#555b64!important;background:#f6f7f9!important}.mask-actions button:hover,.adjustment-chips button:hover,.neural-quick-grid button:hover{color:#5846e2!important;background:#efefff!important}.blend-stack-editor{background:0 0;border:0;border-radius:0}.blend-stack-heading{min-height:34px;padding:4px 0}.blend-stack-heading strong{color:#383b42;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.blend-stack-heading small{color:#8b9099}.blend-stack-heading+p{display:none}.blend-pass-list{gap:4px}.blend-pass{cursor:grab;border-radius:6px;padding:6px;border:1px solid var(--studio-line)!important;background:#f7f8fa!important}.blend-pass:active{cursor:grabbing}.blend-pass-topline>span{color:#6b7079}.advanced-blending,.curve-graph,.advanced-blending-body{border-color:var(--studio-line);color:#4b5058;background-color:#f7f8fa}.neural-card{position:relative}.neural-card:before{content:"";background:#6957f5;width:2px;position:absolute;top:0;bottom:0;left:0}.neural-compact>header small{color:#5e4ce8;background:#6957f514}.neural-compact textarea{resize:vertical;min-height:62px;background:#fff!important}.neural-quick-grid span{color:#555b64;font-size:9px}.spatial-view-dock{border-top:1px solid var(--studio-line);background:#fafafbf5;min-height:34px;margin-top:auto;position:sticky;bottom:0;box-shadow:0 -5px 14px #282b340a}.spatial-view-dock button{color:#737984}.spatial-view-dock button:hover{color:#5543df;background:#eceef1}.tool-palette-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3539432e;padding:62px 0 0 70px}.tool-palette{border-color:var(--studio-line-strong);color:#24272d;background:#fcfcfdfc;border-radius:10px;width:min(780px,100vw - 100px);max-height:min(730px,100vh - 80px);box-shadow:0 24px 70px #262a3438}.tool-palette>header span,.tool-palette-group>header span,.tool-palette-group>header small{color:#8b9099}.tool-palette>header>button,.tool-palette-search>button{border-color:var(--studio-line);color:#6f7580;background:#f0f1f4}.tool-palette-search{border-color:var(--studio-line-strong);color:#7b818b;background:#fff}.tool-palette-search input{color:#292c32!important;background:0 0!important}.tool-palette-group{border-color:var(--studio-line);background:#fff}.tool-palette-group>header{border-color:var(--studio-line);background:#f7f8fa}.tool-palette-group>header strong,.tool-palette-group button strong{color:#3c4047}.tool-palette-group>header small{background:#eceef1}.tool-palette-group>div>button{color:#626873}.tool-palette-group>div>button:hover,.tool-palette-group>div>button.active{color:#5846e2;background:#6957f514;border-color:#6957f51f}.tool-palette .tool-glyph{color:currentColor;background:0 0;border:0}.tool-palette-group kbd,.desktop-statusbar kbd{border-color:var(--studio-line);color:#777d87;box-shadow:none;background:#f1f2f4}.tool-palette-empty{color:#8b9099}.tool-palette-empty strong{color:#555a63}.studio-popover-backdrop,.spatial-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#41455033}.studio-export-popover,.spatial-command,.batch-modal,.spatial-neural-modal{border-color:var(--studio-line-strong);color:#272a30;background:#fff;box-shadow:0 28px 80px #262a3438}.studio-export-popover>header,.studio-export-popover footer,.studio-export-options article{border-color:var(--studio-line);background:#fafafb}.studio-export-options article>div strong,.studio-export-popover footer strong{color:#34373e}.studio-export-options select,.studio-export-options article>button,.studio-export-popover footer>button{border-color:var(--studio-line-strong);color:#484d56;background:#fff}.studio-export-options article>button:hover,.studio-export-popover footer>button.active{color:#5846e2;background:#6957f514;border-color:#6957f54d}.spatial-toast{border-color:var(--studio-line-strong);color:#31343a;background:#fffffff5;box-shadow:0 12px 36px #282c3629}.desktop-statusbar{border-color:var(--studio-line);color:#747a84;background:#f1f2f4;height:22px;padding:0 8px}.desktop-status-brand{color:#4c5159}@media (max-width:1260px){.spatial-workspace{grid-template-columns:60px minmax(0,1fr) 300px}.studio-titlebar.spatial-topbar{grid-template-columns:minmax(160px,1fr) auto minmax(360px,1fr)}.context-range{min-width:max-content;grid-template-columns:auto 45px 28px!important}.context-range input[type=range]{width:45px}}@media (max-height:760px){.spatial-window{grid-template-rows:50px minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-window{grid-template-rows:50px minmax(0,1fr) 22px}.studio-titlebar.spatial-topbar{height:50px}.spatial-canvas-column{grid-template-rows:42px 26px minmax(0,1fr) 90px}.spatial-canvas-column[data-assets-open=false]{grid-template-rows:42px 26px minmax(0,1fr)}.primary-tool-categories>button,.spatial-toolbar .tool-library-trigger{flex-basis:47px;height:47px}}.spatial-canvas-column{grid-template-rows:44px 28px minmax(0,1fr) 118px}.spatial-canvas-column[data-assets-open=false]{grid-template-rows:44px 28px minmax(0,1fr)}.spatial-canvas-column[data-assets-open=false] .layer-focus-panel{display:none}.focus-add-menu>div{z-index:990;position:fixed;bottom:124px;right:332px}@media (max-width:1260px){.focus-add-menu>div{right:312px}}@media (max-height:760px){.spatial-canvas-column{grid-template-rows:42px 26px minmax(0,1fr) 102px}.spatial-canvas-column[data-assets-open=false]{grid-template-rows:42px 26px minmax(0,1fr)}.focus-add-menu>div{bottom:108px}}.studio-drop-overlay{z-index:60;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#7656ef24;place-items:center;display:grid;position:fixed;inset:0}.studio-drop-card{text-align:center;background:#fffffff0;border:2px dashed #7656efd9;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:22px 30px;display:flex;box-shadow:0 24px 60px #323f5438}.studio-drop-card strong{color:#2b2f3a;font-size:16px;font-weight:650}.studio-drop-card span{color:#6b7280;font-size:12px}.layer-style-dialog{-webkit-backdrop-filter:blur(35px)saturate(1.45);backdrop-filter:blur(35px)saturate(1.45);background:#f8fafcf0;border:1px solid #ffffffd1;border-radius:18px;grid-template-rows:46px minmax(0,1fr);width:min(760px,100vw - 60px);max-height:min(660px,82vh);display:grid;overflow:hidden;box-shadow:0 35px 90px #2c364847}.layer-style-dialog>header{border-bottom:1px solid #4c576817;grid-template-columns:22px auto minmax(0,1fr) 26px;align-items:center;gap:8px;padding:0 14px;display:grid}.layer-style-dialog>header>span{color:#7656ef;font-size:12px;font-style:italic;font-weight:700}.layer-style-dialog>header strong{color:#2f343d;font-size:12px}.layer-style-dialog>header small{color:#8d949e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.layer-style-dialog>header>button{color:#6b727c;cursor:pointer;background:#e2e6ecb3;border:0;border-radius:7px;width:24px;height:24px}.layer-style-body{grid-template-columns:190px minmax(0,1fr);min-height:0;display:grid}.layer-style-rail{background:#f0f3f799;border-right:1px solid #4c576814;align-content:start;gap:2px;padding:9px;display:grid;overflow-y:auto}.layer-style-rail button{color:#5d636c;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;height:30px;padding:0 8px;font-size:9px;font-weight:550;display:grid}.layer-style-rail button:hover{background:#ffffffbf}.layer-style-rail button.present{color:#3c414a}.layer-style-rail button.active{color:#3a2f6d;background:linear-gradient(90deg,#7656ef29,#2385f414);border-color:#7656ef59}.layer-style-rail i{color:#9aa0a9;cursor:pointer;font-size:10px;font-style:normal}.layer-style-rail button.present i{color:#7656ef}.layer-style-rail small{color:#9aa0a9;font-size:7px}.layer-style-pane{align-content:start;gap:10px;min-height:0;padding:12px 14px 16px;display:grid;overflow-y:auto}.layer-style-blending,.layer-style-effect{gap:9px;display:grid}.layer-style-effect{background:#fff9;border:1px solid #0000000f;border-radius:10px;padding:10px}.layer-style-hint{color:#868d97;margin:0;font-size:8px;line-height:1.55}.layer-style-slider,.layer-style-color,.layer-style-select{color:#5d636c;align-items:center;gap:8px;font-size:8px;display:grid}.layer-style-slider{grid-template-columns:76px minmax(0,1fr) 34px}.layer-style-color{grid-template-columns:76px 30px minmax(0,1fr) 34px}.layer-style-select{grid-template-columns:76px minmax(0,1fr)}.layer-style-slider output,.layer-style-color output{color:#8d939c;font-family:var(--font-geist-mono), monospace;text-align:right;font-size:7px}.layer-style-color input[type=color]{cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:6px;width:30px;height:22px;padding:0}.layer-style-select select{height:26px}.layer-style-effect-actions{gap:6px;padding-top:2px;display:flex}.layer-style-effect-actions button{flex:1;height:26px;font-size:8px}.layer-style-empty{color:#868d97;border:1px dashed #0000001a;border-radius:10px;justify-items:start;gap:9px;padding:14px;font-size:9px;display:grid}.layer-style-empty p{margin:0}.layer-style-empty button{height:27px;padding:0 12px;font-size:8px}.layer-effect-row{grid-template-columns:minmax(0,1fr) 26px;gap:4px;display:grid}.layer-effect-row>button:first-child{text-align:left;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;display:grid}.layer-effect-row i{color:#7656ef;font-size:9px;font-style:normal}@media (max-width:820px){.layer-style-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.layer-style-rail{border-bottom:1px solid #4c576814;border-right:0}}.layer-style-dialog>header{grid-template-columns:22px auto minmax(0,1fr) auto 26px}.layer-style-actions{gap:4px;display:flex}.layer-style-actions button{color:#5d636c;cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:6px;height:22px;padding:0 8px;font-size:7.5px;font-weight:600}.layer-style-actions button:hover:not(:disabled){color:#3a2f6d;border-color:#7656ef66}.layer-style-actions button:disabled{opacity:.4;cursor:default}.layer-style-check{color:#5d636c;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px;font-size:8px;display:grid}.layer-style-check input{accent-color:#7656ef;justify-self:start;width:13px;height:13px}.global-light{background:#7656ef0d;border:1px solid #7656ef2e;border-radius:10px;gap:7px;padding:9px;display:grid}.gradient-stops{background:#fff9;border:1px solid #0000000f;border-radius:9px;gap:5px;padding:8px;display:grid}.gradient-stops-preview{border-radius:5px;height:12px;box-shadow:inset 0 0 0 1px #0000001a}.gradient-stop{grid-template-columns:26px minmax(0,1fr) 32px 20px;align-items:center;gap:6px;display:grid}.gradient-stop input[type=color]{cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:5px;width:26px;height:20px;padding:0}.gradient-stop output{color:#8d939c;font-family:var(--font-geist-mono), monospace;text-align:right;font-size:7px}.gradient-stop button,.gradient-stop-add{color:#6b727c;cursor:pointer;background:#ffffffbf;border:1px solid #00000014;border-radius:5px;height:20px;font-size:7.5px}.gradient-stop button:disabled{opacity:.35;cursor:default}.gradient-stop-add{justify-self:start;height:24px;padding:0 10px}.channel-toggle{color:#5d636c;align-items:center;gap:4px;font-size:7.5px;display:inline-flex}.channel-toggle input{accent-color:#7656ef;width:12px;height:12px}.layer-style-preset{color:#6b727c;border-bottom:1px solid #4c57681a;gap:4px;margin-bottom:4px;padding:0 2px 8px;font-size:7.5px;font-weight:600;display:grid}.layer-style-preset select{height:26px;font-size:8px}html[data-luma-platform=desktop] body:has(.spatial-studio){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 3% 65%,#1d58b947,#0000 34%),radial-gradient(circle at 88% 0,#4d486e26,#0000 36%),#04060b;min-width:900px;overflow:hidden}html[data-luma-platform=desktop] .spatial-studio{--studio-bg:#080a0e;--studio-surface:#111317;--studio-surface-raised:#17191e;--studio-surface-hover:#20242b;--studio-line:#ffffff16;--studio-line-strong:#ffffff26;--studio-text:#e4e7ed;--studio-text-muted:#989da8;--studio-tertiary:#656b75;--studio-accent:#087cf0;--studio-accent-bright:#2995ff;--studio-accent-soft:#087cf033;box-sizing:border-box;min-height:100vh;color:var(--studio-text);background:radial-gradient(circle at 0 70%,#185bca42,#0000 26%),linear-gradient(140deg,#05070c,#0d1018 58%,#07090e);padding:13px 12px 12px}html[data-luma-platform=desktop] .spatial-window{background:#090a0d;border:1px solid #fff3;border-radius:17px;grid-template-rows:46px minmax(0,1fr) 19px;width:100%;height:100%;position:relative;inset:auto;overflow:hidden;box-shadow:0 28px 70px #0000008c,0 0 0 1px #000000bf,inset 0 1px #ffffff14}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{color:#d9dce2;background:linear-gradient(#15171b,#101115);border-bottom:1px solid #25282e;grid-template-columns:minmax(145px,.7fr) minmax(160px,auto) minmax(360px,1fr);gap:10px;height:46px;padding:0 10px 0 82px;box-shadow:inset 0 1px #ffffff09}html[data-luma-platform=desktop] .studio-titlebar .studio-product-name{color:#bfc3cb;font-size:10px;font-weight:590}html[data-luma-platform=desktop] .studio-titlebar .studio-project-title strong{color:#d8dbe1;font-size:10px;font-weight:590}html[data-luma-platform=desktop] .studio-titlebar .studio-project-title span{color:#606670;font-size:7px}html[data-luma-platform=desktop] .studio-titlebar .studio-header-button,html[data-luma-platform=desktop] .studio-titlebar .studio-icon-button,html[data-luma-platform=desktop] .studio-titlebar .spatial-export,html[data-luma-platform=desktop] .studio-app-menu>summary{color:#aeb3bd;background:#191b20;border:1px solid #ffffff13;border-radius:6px;height:28px;box-shadow:inset 0 1px #ffffff09}html[data-luma-platform=desktop] .studio-titlebar .studio-icon-button,html[data-luma-platform=desktop] .studio-app-menu>summary{width:28px}html[data-luma-platform=desktop] .studio-titlebar .spatial-export{color:#d9dce2;background:#202329;border-color:#ffffff1f;min-width:70px;padding:0 9px;font-size:9px}html[data-luma-platform=desktop] .studio-titlebar .studio-header-button:hover,html[data-luma-platform=desktop] .studio-titlebar .studio-icon-button:hover,html[data-luma-platform=desktop] .studio-app-menu>summary:hover,html[data-luma-platform=desktop] .studio-titlebar .spatial-export:hover{color:#fff;background:#262a31;border-color:#3f9aff75}html[data-luma-platform=desktop] .studio-titlebar .studio-action-divider{background:#ffffff14}html[data-luma-platform=desktop] .studio-titlebar .studio-zoom-readout{color:#a3a8b1}html[data-luma-platform=desktop] .studio-app-menu>div{border-color:var(--studio-line-strong);background:#181a1ffb;box-shadow:0 18px 45px #00000073}html[data-luma-platform=desktop] .studio-app-menu>div button{color:#c6cad2}html[data-luma-platform=desktop] .studio-app-menu>div button:hover,html[data-luma-platform=desktop] .studio-app-menu>div button.active{color:#63adff;background:#087cf02e}html[data-luma-platform=desktop] .spatial-workspace{background:#08090c;grid-template-columns:50px minmax(0,1fr) 300px;gap:0;padding:0}html[data-luma-platform=desktop] .spatial-toolbar{z-index:18;background:linear-gradient(90deg,#111317,#0f1114);border-right:1px solid #292c32;padding:7px 4px 6px}html[data-luma-platform=desktop] .primary-tool-categories{gap:2px;overflow-y:auto}html[data-luma-platform=desktop] .primary-tool-categories>button,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger{color:#9da3ad;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 38px;grid-template-rows:1fr;width:38px;height:38px;min-height:38px;padding:0}html[data-luma-platform=desktop] .primary-tool-categories>button svg,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger svg{stroke-width:1.55px;width:19px;height:19px}html[data-luma-platform=desktop] .primary-tool-categories>button>span,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger>span{display:none}html[data-luma-platform=desktop] .primary-tool-categories>button:hover{color:#e0e3e9;background:#1c2026;border-color:#ffffff14}html[data-luma-platform=desktop] .primary-tool-categories>button.active{color:#4ba3ff;background:#087cf033;border-color:#2b94ff42;box-shadow:inset 2px 0 #1888f4}html[data-luma-platform=desktop] .primary-tool-categories>.tool-library-trigger{border-top:1px solid #ffffff14;margin-top:auto}html[data-luma-platform=desktop] .tool-family-menu,html[data-luma-platform=desktop] .tool-palette{border-color:var(--studio-line-strong);color:#e2e5ea;background:#121419fa;box-shadow:0 24px 75px #00000085}html[data-luma-platform=desktop] .spatial-canvas-column,html[data-luma-platform=desktop] .spatial-canvas-column[data-assets-open=false]{background:#07080b;grid-template-rows:38px minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-document-tabs{display:none}html[data-luma-platform=desktop] .studio-contextbar{color:#c5c9d0;background:linear-gradient(#15171b,#101216);border-bottom:1px solid #292c32;gap:8px;min-height:38px;padding:0 8px}html[data-luma-platform=desktop] .studio-context-identity{border-right-color:#ffffff14;gap:6px;min-width:112px;padding-right:8px}html[data-luma-platform=desktop] .studio-context-identity>span{color:#53a7ff;background:#1b1e24;border:1px solid #ffffff14;width:24px;height:24px}html[data-luma-platform=desktop] .studio-context-identity strong{color:#d6d9df;font-size:9px}html[data-luma-platform=desktop] .studio-context-identity small,html[data-luma-platform=desktop] .studio-context-summary small{display:none}html[data-luma-platform=desktop] .studio-context-summary span,html[data-luma-platform=desktop] .context-range,html[data-luma-platform=desktop] .context-select{color:#969ca6}html[data-luma-platform=desktop] .context-range output{color:#c5c9d0}html[data-luma-platform=desktop] .context-range input[type=range],html[data-luma-platform=desktop] .layer-controls input[type=range],html[data-luma-platform=desktop] .desktop-property-range input[type=range]{accent-color:#0b83fa}html[data-luma-platform=desktop] .context-segmented{background:#0c0e12}html[data-luma-platform=desktop] .context-segmented button,html[data-luma-platform=desktop] .studio-context-actions button{color:#8f959f}html[data-luma-platform=desktop] .context-segmented button:hover,html[data-luma-platform=desktop] .context-segmented button.active,html[data-luma-platform=desktop] .studio-context-actions button:hover,html[data-luma-platform=desktop] .studio-context-actions button.active{color:#dfe2e8;box-shadow:none;background:#22262c}html[data-luma-platform=desktop] .spatial-canvas-stage,html[data-luma-platform=desktop] .spatial-canvas{background:radial-gradient(circle,#1f232b80,#0000 60%),#06070a}html[data-luma-platform=desktop] .spatial-canvas-stage{min-height:0;box-shadow:inset 0 1px #ffffff06}html[data-luma-platform=desktop] .document-overlay-plane{border-color:#ffffff24;box-shadow:0 15px 38px #0000006b}html[data-luma-platform=desktop] .canvas-status{display:none}.type-studio{color:var(--text-primary,#e8ebf0);gap:8px;display:grid}.type-studio-story{position:relative}.type-studio-story textarea{resize:vertical;width:100%;min-height:72px;color:inherit;background:#ffffff0b;border:1px solid #ffffff21;border-radius:6px;outline:none;padding:8px 9px 21px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.type-studio-story textarea:focus{border-color:#48a1ffb3;box-shadow:0 0 0 2px #267edd24}.type-studio-selection{color:#738091;pointer-events:none;text-transform:uppercase;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:5px;right:7px}.type-studio-tabs{border-bottom:1px solid #ffffff17;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.type-studio-tabs button{color:#89919d;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:27px;font-size:9px}.type-studio-tabs button:hover{color:#d7dce4}.type-studio-tabs button.active{color:#edf5ff;border-bottom-color:#4295ed}.type-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.type-studio-grid>label{color:#8d96a3;text-transform:uppercase;gap:3px;min-width:0;font-size:8px;font-weight:620;display:grid}.type-studio-grid input:not([type=range]):not([type=color]),.type-studio-grid select{color:#e3e7ed;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:4px;width:100%;min-width:0;height:27px;padding:0 6px;font-size:10px}.type-studio-grid input:focus,.type-studio-grid select:focus{border-color:#48a1ffad;outline:none}.type-studio-grid .type-wide{grid-column:1/-1}.type-studio-grid .type-color{grid-template-columns:1fr auto;align-items:center}.type-studio-grid .type-color input{background:0 0;border:0;width:32px;height:25px}.type-button-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.type-button-row button{color:#aab1bb;background:#ffffff09;border:1px solid #ffffff1a;border-radius:4px;height:27px;font-size:10px}.type-button-row button:hover{color:#fff;border-color:#549fef66}.type-button-row button.active{color:#edf6ff;background:#267edd30;border-color:#4a9df580}.type-axis{gap:2px;padding-top:2px;display:grid}.type-axis>span{justify-content:space-between;display:flex}.type-axis b{font:inherit}.type-axis output{color:#c6ccd5;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.type-axis input{accent-color:#368fe9;width:100%}.type-studio-empty,.type-studio-note,.type-studio-loading{color:#7d8693;margin:0;font-size:9px;line-height:1.45}.type-spatial-toggle{background:#2771c414;border:1px solid #48a1ff33;border-radius:6px;align-items:center;padding:8px;grid-template-columns:1fr auto!important}.type-spatial-toggle>span{gap:2px;display:grid}.type-spatial-toggle b{color:#dcecff;text-transform:none;font-size:10px}.type-spatial-toggle small{color:#77889d;text-transform:none;font-size:8px;font-weight:500}.type-spatial-toggle input{accent-color:#368fe9;width:15px;height:15px}.type-form-actions{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding-top:3px;display:grid}.type-form-actions button{color:#edf6ff;background:#267edd33;border:1px solid #4a9df58c;border-radius:5px;min-height:29px;padding:0 10px;font-size:9px;font-weight:700}.type-form-actions span{color:#788493;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}html:not([data-luma-platform=desktop]) .type-studio{color:#343842}html:not([data-luma-platform=desktop]) .type-studio-story textarea,html:not([data-luma-platform=desktop]) .type-studio-grid input:not([type=range]):not([type=color]),html:not([data-luma-platform=desktop]) .type-studio-grid select{color:#343842;background:#14182009;border-color:#1418201f}@media (pointer:fine){.dynamic-cursor-enabled>canvas{cursor:none!important}}.dynamic-canvas-cursor{--cursor-size:48px;--cursor-hardness:34px;--cursor-roundness:1;--cursor-angle:0deg;--cursor-color:#fff;z-index:40;opacity:0;pointer-events:none;contain:layout style;will-change:transform;width:0;height:0;transition:opacity 70ms linear;position:absolute;top:0;left:0}.dynamic-canvas-cursor[data-visible=true]{opacity:1}.dynamic-cursor-ring,.dynamic-cursor-hardness{box-sizing:border-box;transform:translate(-50%, -50%) rotate(var(--cursor-angle)) scaleY(var(--cursor-roundness));transform-origin:50%;border-radius:50%;position:absolute;top:0;left:0}.dynamic-cursor-ring{width:var(--cursor-size);height:var(--cursor-size);border:1px solid #fffffff0;box-shadow:0 0 0 1px #000000e0,inset 0 0 0 1px #0000003d}.dynamic-cursor-hardness{width:var(--cursor-hardness);height:var(--cursor-hardness);border:1px dashed #ffffff8f;box-shadow:0 0 0 1px #00000057}.dynamic-cursor-reticle{filter:drop-shadow(0 0 1px #000);width:14px;height:14px;position:absolute;top:-7px;left:-7px}.dynamic-cursor-reticle:before,.dynamic-cursor-reticle:after{content:"";background:#fffffff2;position:absolute;box-shadow:0 0 0 1px #000000b8}.dynamic-cursor-reticle:before{width:14px;height:1px;top:6px;left:0}.dynamic-cursor-reticle:after{width:1px;height:14px;top:0;left:6px}.dynamic-cursor-color{background:var(--cursor-color);border:1px solid #000000b8;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 0 1px #ffffff8c}.dynamic-cursor-glyph{color:#fff;text-align:center;text-shadow:0 1px 2px #000,0 0 2px #000;min-width:13px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:7px;left:8px}.dynamic-canvas-cursor output{color:#f5f7fae6;letter-spacing:.01em;opacity:0;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0f15d1;border:1px solid #ffffff29;border-radius:4px;max-width:150px;padding:3px 6px;font:600 9px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity 90ms;position:absolute;top:21px;left:15px;overflow:hidden;box-shadow:0 3px 10px #00000059}.dynamic-canvas-cursor[data-kind=brush] .dynamic-cursor-glyph,.dynamic-canvas-cursor[data-kind=brush] .dynamic-cursor-reticle{display:none}.dynamic-canvas-cursor[data-kind=brush][data-status=attention] .dynamic-cursor-glyph,.dynamic-canvas-cursor[data-kind=brush][data-status=unavailable] .dynamic-cursor-glyph{display:block}.dynamic-canvas-cursor:not([data-kind=brush]) .dynamic-cursor-ring,.dynamic-canvas-cursor:not([data-kind=brush]) .dynamic-cursor-hardness,.dynamic-canvas-cursor:not([data-kind=brush]) .dynamic-cursor-color,.dynamic-canvas-cursor[data-kind=hand] .dynamic-cursor-reticle{display:none}.dynamic-canvas-cursor[data-kind=hand] .dynamic-cursor-glyph{font-size:18px;top:-10px;left:-10px}.dynamic-canvas-cursor[data-kind=type] .dynamic-cursor-glyph{font-family:Georgia,serif;font-size:19px;top:-9px;left:-5px}.dynamic-canvas-cursor[data-kind=sample] .dynamic-cursor-glyph{color:#75d8ff}.dynamic-canvas-cursor[data-kind=selection] .dynamic-cursor-glyph{color:#d7e6ff}.dynamic-canvas-cursor[data-pressed=true] output,.dynamic-canvas-cursor[data-status=attention] output,.dynamic-canvas-cursor[data-status=unavailable] output,.dynamic-canvas-cursor[data-clipped=true] output{opacity:1}.dynamic-canvas-cursor[data-pressed=true] .dynamic-cursor-ring{border-color:#65c4ff;box-shadow:0 0 0 1px #000000e6,0 0 0 3px #36a6ff2e}.dynamic-canvas-cursor[data-status=attention] .dynamic-cursor-glyph,.dynamic-canvas-cursor[data-status=attention] output{color:#ffd36a}.dynamic-canvas-cursor[data-status=attention] .dynamic-cursor-ring{border-color:#ffd36a}.dynamic-canvas-cursor[data-status=unavailable] .dynamic-cursor-glyph,.dynamic-canvas-cursor[data-status=unavailable] output{color:#ff7b83}.dynamic-canvas-cursor[data-status=unavailable] .dynamic-cursor-ring{border-color:#ff7b83}.dynamic-canvas-cursor[data-status=unavailable] .dynamic-cursor-reticle:before,.dynamic-canvas-cursor[data-status=unavailable] .dynamic-cursor-reticle:after{background:#ff7b83}.dynamic-canvas-cursor[data-clipped=true] output:after{content:" · preview capped";color:#9da5b1}@media (prefers-reduced-motion:reduce){.dynamic-canvas-cursor,.dynamic-canvas-cursor output{transition:none}}html[data-luma-platform=desktop] .desktop-radial-overlay{z-index:15;box-sizing:border-box;filter:drop-shadow(0 1px 2px #000000b8);pointer-events:none;border:1.5px dashed #f1f4f9cc;border-radius:50%;position:absolute}html[data-luma-platform=desktop] .desktop-radial-overlay:before,html[data-luma-platform=desktop] .desktop-radial-overlay:after{content:"";background:#ffffff8c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-luma-platform=desktop] .desktop-radial-overlay:before{width:22px;height:1px}html[data-luma-platform=desktop] .desktop-radial-overlay:after{width:1px;height:22px}html[data-luma-platform=desktop] .desktop-radial-overlay>b{border:1px solid #ffffffbf;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-luma-platform=desktop] .radial-handle{background:#f3f3f3;border:1px solid #3a3d43;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 4px #0009}html[data-luma-platform=desktop] .radial-handle-top{top:-5px;left:calc(50% - 5px)}html[data-luma-platform=desktop] .radial-handle-right{top:calc(50% - 5px);right:-5px}html[data-luma-platform=desktop] .radial-handle-bottom{bottom:-5px;left:calc(50% - 5px)}html[data-luma-platform=desktop] .radial-handle-left{top:calc(50% - 5px);left:-5px}html[data-luma-platform=desktop] .desktop-pass-deck{z-index:22;pointer-events:none;perspective:700px;flex-direction:column;align-items:stretch;width:min(310px,46%);animation:.15s cubic-bezier(.2,.8,.2,1) both desktop-pass-deck-in;display:flex;position:absolute;bottom:28px;right:24px}@keyframes desktop-pass-deck-in{0%{opacity:0;transform:translate(18px,24px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}html[data-luma-platform=desktop] .desktop-pass-card{color:#e8ebf0;text-align:left;transform-origin:bottom;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(105deg,#0c1018ed,#202732c2),url(/learn/luma/workshops/film-mountain.jpg) 50% 58%/cover;border:1px solid #ffffff52;border-radius:12px;grid-template-rows:18px 1fr;grid-template-columns:minmax(0,1fr) 24px;align-content:center;gap:0;height:76px;margin-top:-17px;padding:13px 18px 12px;transition:transform .15s,border-color .15s,filter .15s;display:grid;position:relative;overflow:hidden;transform:rotateX(-4deg)rotate(.8deg);box-shadow:0 11px 25px #00000080,inset 0 1px #ffffff1a}html[data-luma-platform=desktop] .desktop-pass-card:first-child{margin-top:0}html[data-luma-platform=desktop] .desktop-pass-card:nth-child(2){transform:translate(-7px)rotateX(-4deg)rotate(1deg)}html[data-luma-platform=desktop] .desktop-pass-card:nth-child(3){transform:translate(-14px)rotateX(-4deg)rotate(1.15deg)}html[data-luma-platform=desktop] .desktop-pass-card:nth-child(4){transform:translate(-21px)rotateX(-4deg)rotate(1.35deg)}html[data-luma-platform=desktop] .desktop-pass-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#090c12eb,#11161e47);position:absolute;inset:0}html[data-luma-platform=desktop] .desktop-pass-card.tint-sky{background-position:50% 16%}html[data-luma-platform=desktop] .desktop-pass-card.tint-stone{background-position:50% 48%}html[data-luma-platform=desktop] .desktop-pass-card.tint-shadow{filter:brightness(.7)saturate(.7)}html[data-luma-platform=desktop] .desktop-pass-card.tint-warm{filter:sepia(.35)saturate(1.25)}html[data-luma-platform=desktop] .desktop-pass-card:hover,html[data-luma-platform=desktop] .desktop-pass-card.active{filter:brightness(1.08);border-color:#4da6ffb8;transform:translate(-8px)translateY(-3px)rotateX(0)rotate(0)}html[data-luma-platform=desktop] .desktop-pass-card>span,html[data-luma-platform=desktop] .desktop-pass-card>strong,html[data-luma-platform=desktop] .desktop-pass-card>i{z-index:1;position:relative}html[data-luma-platform=desktop] .desktop-pass-card>span{color:#a3a9b4;letter-spacing:.12em;text-transform:uppercase;grid-column:1;font-size:8px;font-weight:620}html[data-luma-platform=desktop] .desktop-pass-card>strong{color:#f2f4f7;letter-spacing:-.025em;grid-column:1;font-size:17px;font-style:italic;font-weight:430}html[data-luma-platform=desktop] .desktop-pass-card>i{color:#aeb5c0;text-align:center;grid-area:1/2/3;align-self:center;font-size:15px;font-style:normal}html[data-luma-platform=desktop] .desktop-pass-card.active>i{color:#51a9ff}html[data-luma-platform=desktop] .spatial-inspector{color:#dfe2e7;scrollbar-color:#ffffff2e transparent;background:linear-gradient(#121418,#0d0f12);border-left:1px solid #2a2d33;min-height:0;display:flex;overflow:hidden}html[data-luma-platform=desktop] .inspector-tabs,html[data-luma-platform=desktop] .spatial-inspector[data-tab]>.spatial-view-dock,html[data-luma-platform=desktop] .spatial-inspector>.glass-card,html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel]>[data-contextual-panel],html[data-luma-platform=desktop] .spatial-inspector[data-context-panel]>.contextual-panel-host{display:none!important}html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=document]>[data-contextual-panel=document],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=channels]>[data-contextual-panel=channels],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=structure]>[data-contextual-panel=structure],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=assets]>[data-contextual-panel=assets],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=selection]>[data-contextual-panel=selection],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=mask]>[data-contextual-panel=mask],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=raw]>[data-contextual-panel=raw],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=curves]>[data-contextual-panel=curves],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=levels]>[data-contextual-panel=levels],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=hsl]>[data-contextual-panel=hsl],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=pro-adjustment]>[data-contextual-panel=pro-adjustment],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=tone]>[data-contextual-panel=tone],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=paint]>[data-contextual-panel=paint],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=vector]>[data-contextual-panel=vector],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=transform]>[data-contextual-panel=transform],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=measure]>[data-contextual-panel=measure],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=neural]>[data-contextual-panel=neural],html[data-luma-platform=desktop] .spatial-inspector[data-tab][data-context-panel=actions]>[data-contextual-panel=actions]{background:0 0;border-top:1px solid #2a2d33;flex:auto;order:3;min-height:0;overflow:auto;display:block!important}html[data-luma-platform=desktop] .spatial-inspector>.contextual-panel-host>.glass-card{width:100%;box-shadow:none;border:0;border-radius:0;margin:0;display:block!important}html[data-luma-platform=desktop] .spatial-inspector>.layers-card{background:0 0;border-bottom:1px solid #2a2d33;flex-direction:column;flex:none;order:1;height:42%;min-height:260px;display:flex!important}html[data-luma-platform=desktop] .spatial-inspector[data-tab]>.desktop-properties-card{background:0 0;flex:none;order:2;min-height:0;max-height:290px;overflow:auto;display:block!important}html[data-luma-platform=desktop] .desktop-context-panel-picker{color:#858b95;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:0 0 9px;font-size:9px;display:grid}html[data-luma-platform=desktop] .desktop-context-panel-picker select{color:#dfe3e9;min-width:0;height:28px;font:inherit;background:#191c21;border:1px solid #ffffff1a;border-radius:6px}.unsaved-document-dialog{color:#eef1f6;background:#15171c;border:1px solid #ffffff24;border-radius:14px;width:min(440px,100vw - 32px);padding:20px;box-shadow:0 30px 90px #0000008c}.unsaved-document-dialog header strong{font-size:15px}.unsaved-document-dialog p{color:#9ca3ae;margin:12px 0 20px;font-size:12px;line-height:1.5}.unsaved-document-dialog footer{justify-content:flex-end;gap:8px;display:flex}.unsaved-document-dialog button{border-radius:7px;min-height:32px;padding:0 13px}.unsaved-document-dialog button.danger{color:#ff9e9e}.unsaved-document-dialog button.primary{color:#fff;background:#237de9}html[data-luma-platform=desktop] .spatial-inspector .glass-card{width:100%;box-shadow:none;color:#d4d8df;border:0;border-radius:0;margin:0}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header{background:#07080b2b;border-bottom:1px solid #fff1;height:40px;min-height:40px;padding:0 12px}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header strong{color:#e2e5e9;font-size:11px;font-weight:630}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header small{color:#656b75;letter-spacing:.08em;font-size:7px}html[data-luma-platform=desktop] .layers-card>header{order:1}html[data-luma-platform=desktop] .layers-card .layer-controls{background:#0000001c;border-bottom:1px solid #ffffff12;order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 10px;display:grid}html[data-luma-platform=desktop] .layers-card .layer-controls>label{color:#a6abb4;grid-area:1/2;grid-template-columns:auto minmax(24px,1fr) 29px;gap:5px;min-width:0;padding:0;display:grid}html[data-luma-platform=desktop] .layers-card .layer-controls>div:not(.blend-stack-editor),html[data-luma-platform=desktop] .layers-card .layer-controls>button,html[data-luma-platform=desktop] .layers-card .layer-controls>details{display:none!important}html[data-luma-platform=desktop] .layers-card .blend-stack-editor{border:0;grid-area:1/1;padding:0;display:block}html[data-luma-platform=desktop] .layers-card .blend-stack-heading,html[data-luma-platform=desktop] .layers-card .blend-stack-heading+p,html[data-luma-platform=desktop] .layers-card .blend-pass-topline,html[data-luma-platform=desktop] .layers-card .blend-pass>label,html[data-luma-platform=desktop] .layers-card .blend-pass-list>.blend-pass:not(:first-child),html[data-luma-platform=desktop] .layers-card .advanced-blending{display:none!important}html[data-luma-platform=desktop] .layers-card .blend-pass-list,html[data-luma-platform=desktop] .layers-card .blend-pass{padding:0;display:block;background:0 0!important;border:0!important}html[data-luma-platform=desktop] .layers-card .blend-pass select{width:100%;height:28px;font-size:9px;color:#d6dae1!important;background:#1a1d22!important;border:1px solid #ffffff1a!important;border-radius:5px!important}html[data-luma-platform=desktop] .layers-card .layer-stack{flex:auto;order:3;min-height:0;max-height:none;padding:4px 5px 6px;overflow:auto}html[data-luma-platform=desktop] .spatial-layer{color:#d5d8de;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:37px minmax(0,1fr) auto;gap:7px;width:100%;min-height:43px;padding:3px 7px;display:grid;margin:1px 0!important}html[data-luma-platform=desktop] .spatial-layer:hover{background:#ffffff0b;border-color:#ffffff0e}html[data-luma-platform=desktop] .spatial-layer.active{background:linear-gradient(90deg,#0b66c28c,#0d549d61);border-color:#2290ff6b;box-shadow:inset 2px 0 #238df4}html[data-luma-platform=desktop] .spatial-layer-thumb{color:#0000;background-image:linear-gradient(#14181f2e,#14181f2e),url(/learn/luma/workshops/desert.jpg);background-position:50%;background-size:cover;border-color:#ffffff2e;border-radius:3px;grid-column:1;width:37px;height:32px}html[data-luma-platform=desktop] .spatial-layer .layer-name{grid-column:2;min-width:0}html[data-luma-platform=desktop] .spatial-layer strong,html[data-luma-platform=desktop] .spatial-layer .layer-name strong{color:#dadde4;font-size:9.5px;font-weight:520}html[data-luma-platform=desktop] .spatial-layer .layer-name small{display:none}html[data-luma-platform=desktop] .layer-add-menu button{color:#8f959f}html[data-luma-platform=desktop] .layers-card>header:hover .layer-add-menu button:nth-child(n+3),html[data-luma-platform=desktop] .layers-card>header:focus-within .layer-add-menu button:nth-child(n+3){width:24px}html[data-luma-platform=desktop] .desktop-properties-body{gap:0;padding:4px 12px 14px;display:grid}html[data-luma-platform=desktop] .desktop-property-switch,html[data-luma-platform=desktop] .desktop-property-row,html[data-luma-platform=desktop] .desktop-property-range{border-bottom:1px solid #ffffff0e;min-height:48px}html[data-luma-platform=desktop] .desktop-property-switch{justify-content:space-between;align-items:center;gap:10px;display:flex}html[data-luma-platform=desktop] .desktop-property-switch>span{gap:2px;display:grid}html[data-luma-platform=desktop] .desktop-property-switch strong{color:#d6d9df;font-size:10px;font-weight:570}html[data-luma-platform=desktop] .desktop-property-switch small{color:#666c75;font-size:7.5px}html[data-luma-platform=desktop] .desktop-property-switch>button{cursor:pointer;background:#393d44;border:0;border-radius:999px;width:30px;height:17px;padding:0;position:relative}html[data-luma-platform=desktop] .desktop-property-switch>button i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .14s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000073}html[data-luma-platform=desktop] .desktop-property-switch>button.active{background:#087cf0}html[data-luma-platform=desktop] .desktop-property-switch>button.active i{transform:translate(13px)}html[data-luma-platform=desktop] .desktop-property-range{color:#9ca2ac;grid-template-columns:66px minmax(0,1fr) 39px;align-items:center;gap:7px;font-size:9px;display:grid}html[data-luma-platform=desktop] .desktop-property-range input{width:100%}html[data-luma-platform=desktop] .desktop-property-range output{color:#c9cdd4;text-align:right;font-size:8px}html[data-luma-platform=desktop] .desktop-property-row{color:#9ca2ac;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}html[data-luma-platform=desktop] .desktop-property-row>button{color:#8d939d;background:#191c21;border:1px solid #ffffff14;border-radius:5px;height:25px;padding:0 8px;font-size:8px}html[data-luma-platform=desktop] .desktop-property-row>button.active{color:#58aaff;border-color:#2995ff59}html[data-luma-platform=desktop] .desktop-property-layer strong{color:#cfd3da;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:9px;font-weight:530;overflow:hidden}html[data-luma-platform=desktop] .desktop-spatial-panel{border-top:1px solid #ffffff12;gap:8px;margin-top:10px;padding-top:10px;display:grid}html[data-luma-platform=desktop] .desktop-spatial-panel>header{justify-content:space-between;align-items:center;min-height:32px;display:flex}html[data-luma-platform=desktop] .desktop-spatial-panel>header>span{gap:2px;display:grid}html[data-luma-platform=desktop] .desktop-spatial-panel>header strong{color:#d8e8fa;font-size:10px}html[data-luma-platform=desktop] .desktop-spatial-panel>header small{color:#687687;text-transform:capitalize;font-size:7.5px}html[data-luma-platform=desktop] .desktop-spatial-panel>header>button{background:#393d44;border:0;border-radius:999px;width:30px;height:17px;position:relative}html[data-luma-platform=desktop] .desktop-spatial-panel>header>button i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .14s;position:absolute;top:2px;left:2px}html[data-luma-platform=desktop] .desktop-spatial-panel>header>button.active{background:#087cf0}html[data-luma-platform=desktop] .desktop-spatial-panel>header>button.active i{transform:translate(13px)}html[data-luma-platform=desktop] .desktop-spatial-capabilities,html[data-luma-platform=desktop] .desktop-spatial-presets{flex-wrap:wrap;gap:4px;display:flex}html[data-luma-platform=desktop] .desktop-spatial-capabilities span,html[data-luma-platform=desktop] .desktop-spatial-presets button{color:#8295a9;background:#215b9914;border:1px solid #4d9df22e;border-radius:4px;align-items:center;min-height:23px;padding:0 7px;font-size:7.5px;display:inline-flex}html[data-luma-platform=desktop] .desktop-spatial-presets button:hover{color:#dceeff;border-color:#4d9df27a}html[data-luma-platform=desktop] .desktop-spatial-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}html[data-luma-platform=desktop] .desktop-spatial-fields label{color:#798491;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:3px;font-size:7.5px;display:grid}html[data-luma-platform=desktop] .desktop-spatial-fields input{color:#d4d9e0;background:#181b20;border:1px solid #ffffff17;border-radius:4px;min-width:0;height:25px;padding:0 5px;font-size:8px}html[data-luma-platform=desktop] .desktop-spatial-fields em{color:#596574;font-size:7px;font-style:normal}html[data-luma-platform=desktop] .desktop-spatial-panel>p{color:#6d7580;margin:0;font-size:8px;line-height:1.45}html[data-luma-platform=desktop] .desktop-spatial-send{color:#b9dcff;background:#1a70ca2b;border:1px solid #3893f16b;border-radius:5px;min-height:28px;font-size:8px;font-weight:650}html[data-luma-platform=desktop] .desktop-spatial-send:hover{color:#f1f8ff;border-color:#4ba5ffb8}html[data-luma-platform=desktop] .spatial-studio select,html[data-luma-platform=desktop] .spatial-studio textarea,html[data-luma-platform=desktop] .spatial-studio input:not([type=range]):not([type=color]),html[data-luma-platform=desktop] .batch-modal select,html[data-luma-platform=desktop] .layer-controls select{color:#d1d5dc!important;background:#181b20!important;border-color:#ffffff1a!important}html[data-luma-platform=desktop] .desktop-statusbar{color:#656b74;background:#0f1114;border-top:1px solid #24272c;height:19px;padding:0 8px;font-size:7px}html[data-luma-platform=desktop] .desktop-status-brand{color:#9197a0}@media (max-height:760px){html[data-luma-platform=desktop] .spatial-window{grid-template-rows:43px minmax(0,1fr) 18px}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{height:43px}html[data-luma-platform=desktop] .primary-tool-categories>button,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger{flex-basis:34px;height:34px;min-height:34px}html[data-luma-platform=desktop] .spatial-inspector>.layers-card{min-height:320px}html[data-luma-platform=desktop] .desktop-pass-card{height:67px}}html[data-luma-platform=desktop] .spatial-studio{padding:8px}html[data-luma-platform=desktop] .spatial-window{border-radius:13px;grid-template-rows:47px minmax(0,1fr) 20px}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{height:47px}html[data-luma-platform=desktop] .spatial-toolbar{padding:8px 6px}html[data-luma-platform=desktop] .primary-tool-categories>button,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger{border-radius:9px;flex-basis:40px;width:40px;height:40px;min-height:40px}html[data-luma-platform=desktop] .spatial-inspector>.layers-card{height:48%;min-height:292px}html[data-luma-platform=desktop] .spatial-inspector[data-tab]>.desktop-properties-card{max-height:164px}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header strong{font-size:11.5px}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header small,html[data-luma-platform=desktop] .desktop-property-switch small{font-size:8.5px}html[data-luma-platform=desktop] .layer-add-menu{gap:5px}html[data-luma-platform=desktop] .layer-add-menu>button{color:#a4aab4;border:1px solid #0000;border-radius:6px;width:27px;height:27px}html[data-luma-platform=desktop] .layer-add-menu>select{color:#d7dbe2;background:#191c21;border:1px solid #ffffff1a;border-radius:6px;width:126px;height:27px;padding:0 22px 0 8px;font-size:9.5px}html[data-luma-platform=desktop] .spatial-inspector .glass-card>header button:hover,html[data-luma-platform=desktop] .layer-add-menu button:hover{color:#69b3ff;background:#127eef29;border-color:#3497ff52}html[data-luma-platform=desktop] .layers-card .layer-controls{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7px;padding:7px 10px}html[data-luma-platform=desktop] .layers-card .blend-recipe-strip{display:none!important}html[data-luma-platform=desktop] .layers-card .layer-stack{padding:4px 6px}html[data-luma-platform=desktop] .spatial-layer{border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;min-height:40px;padding:3px 7px}html[data-luma-platform=desktop] .spatial-layer-thumb{width:34px;height:29px}html[data-luma-platform=desktop] .layer-stack-footer{background:#07080b24;border-top:1px solid #fff1;order:4;justify-content:flex-end;align-items:center;gap:3px;min-height:34px;padding:3px 7px;display:flex}html[data-luma-platform=desktop] .layer-stack-footer button{color:#9299a4;background:0 0;border:1px solid #0000;border-radius:6px;width:27px;height:27px;padding:0;font-size:10px}html[data-luma-platform=desktop] .layer-stack-footer button:hover{color:#e4e8ee;background:#20242a;border-color:#ffffff14}html[data-luma-platform=desktop] .layer-stack-footer button.danger:hover{color:#ff9298;background:#c2323b24;border-color:#ff5f6747}html[data-luma-platform=desktop] .desktop-properties-body{padding:4px 12px 10px}html[data-luma-platform=desktop] .desktop-property-switch,html[data-luma-platform=desktop] .desktop-property-row,html[data-luma-platform=desktop] .desktop-property-range{min-height:42px;font-size:10px}html[data-luma-platform=desktop] .desktop-context-panel-picker{grid-template-columns:42px minmax(0,1fr);padding-bottom:6px;font-size:9.5px}html[data-luma-platform=desktop] .desktop-context-panel-picker select{height:26px}html[data-luma-platform=desktop] .studio-context-identity strong,html[data-luma-platform=desktop] .context-range,html[data-luma-platform=desktop] .context-select,html[data-luma-platform=desktop] .context-range output{font-size:10px}html[data-luma-platform=desktop] .tool-palette>header,html[data-luma-platform=desktop] .tool-palette-group,html[data-luma-platform=desktop] .tool-palette-group>header{background:#171a1f;border-color:#ffffff17}html[data-luma-platform=desktop] .tool-palette-search{color:#888f9a;background:#101216;border-color:#ffffff1c}html[data-luma-platform=desktop] .tool-palette>header>button,html[data-luma-platform=desktop] .tool-palette-search>button{color:#aeb5bf;background:#252930;border-color:#ffffff1a}html[data-luma-platform=desktop] .tool-palette>header>button:hover,html[data-luma-platform=desktop] .tool-palette-search>button:hover{color:#74bbff;background:#2a3038;border-color:#3a9eff52}html[data-luma-platform=desktop] .tool-palette-search input{color:#e4e8ee!important}html[data-luma-platform=desktop] .tool-palette>header span,html[data-luma-platform=desktop] .tool-palette-group>header span,html[data-luma-platform=desktop] .tool-palette-group>header small,html[data-luma-platform=desktop] .tool-palette-group button small{color:#848b96}html[data-luma-platform=desktop] .tool-palette-group>header strong,html[data-luma-platform=desktop] .tool-palette-group button strong{color:#e2e6ec}html[data-luma-platform=desktop] .tool-palette-group>header small,html[data-luma-platform=desktop] .tool-palette-group kbd{color:#a7aeb9;background:#252930;border-color:#ffffff17}html[data-luma-platform=desktop] .tool-palette-group>div>button{color:#abb1bb}html[data-luma-platform=desktop] .tool-palette-group>div>button:hover,html[data-luma-platform=desktop] .tool-palette-group>div>button.active{color:#70b7ff;background:#0c7beb24;border-color:#3197ff47}@media (max-width:1060px){html[data-luma-platform=desktop] .spatial-workspace{grid-template-columns:50px minmax(0,1fr) 296px}}@media (max-height:760px){html[data-luma-platform=desktop] .spatial-window{grid-template-rows:43px minmax(0,1fr) 18px}html[data-luma-platform=desktop] .studio-titlebar.spatial-topbar{height:43px}html[data-luma-platform=desktop] .primary-tool-categories>button,html[data-luma-platform=desktop] .spatial-toolbar .tool-library-trigger{flex-basis:34px;height:34px;min-height:34px}html[data-luma-platform=desktop] .spatial-inspector>.layers-card{height:48%;min-height:270px}html[data-luma-platform=desktop] .spatial-inspector[data-tab]>.desktop-properties-card{max-height:148px}}html[data-luma-platform=desktop] .spatial-inspector button,html[data-luma-platform=desktop] .spatial-inspector select,html[data-luma-platform=desktop] .spatial-inspector input,html[data-luma-platform=desktop] .spatial-inspector output,html[data-luma-platform=desktop] .spatial-inspector label{font-size:10.5px}html[data-luma-platform=desktop] .spatial-inspector small,html[data-luma-platform=desktop] .spatial-inspector .desktop-property-switch small,html[data-luma-platform=desktop] .spatial-inspector .glass-card>header small{color:#949aa5;font-size:9.5px}html[data-luma-platform=desktop] .spatial-layer strong,html[data-luma-platform=desktop] .spatial-layer .layer-name strong{font-size:11px}html[data-luma-platform=desktop] .spatial-topbar button,html[data-luma-platform=desktop] .spatial-contextbar button,html[data-luma-platform=desktop] .layer-add-menu>select{font-size:10px}html[data-luma-platform=desktop] .space-deck button,html[data-luma-platform=desktop] .space-deck select,html[data-luma-platform=desktop] .space-deck output,html[data-luma-platform=desktop] .space-deck strong{font-size:9.5px}html[data-luma-platform=desktop] .space-deck small,html[data-luma-platform=desktop] .space-deck kbd{font-size:8.5px}html[data-luma-platform=desktop] :is(button,select,input,[role=button],[role=option]):focus-visible{outline-offset:2px;outline:2px solid #4ba7ff}html[data-luma-platform=desktop] .spatial-workspace[data-dock-location=right]{grid-template-columns:50px minmax(0,1fr) auto}html[data-luma-platform=desktop] .spatial-workspace[data-dock-location=left]{grid-template-columns:50px auto minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-workspace[data-dock-location=bottom]{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:50px minmax(0,1fr)}html[data-luma-platform=desktop] .spatial-workspace[data-dock-location=floating]{grid-template-columns:50px minmax(0,1fr)}.workspace-layout-settings{background:#7f88970f;border:1px solid #7f889738;border-radius:8px;gap:8px;margin:0 12px 8px;padding:10px;display:grid}.workspace-layout-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-layout-heading>span{gap:2px;display:grid}.workspace-layout-heading small,.workspace-layout-grid small{opacity:.62;font-size:9px}.workspace-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.workspace-layout-grid>button,.workspace-layout-grid>div{background:#7f88970d;border:1px solid #7f889733;border-radius:6px;align-items:stretch;min-width:0;min-height:42px;display:flex}.workspace-layout-grid>button,.workspace-layout-grid>div>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-content:center;gap:2px;min-width:0;padding:6px 8px;display:grid}.workspace-layout-grid>.active,.workspace-layout-grid>button.active{background:#2688f41f;border-color:#2688f4}html[data-luma-platform=desktop] .spatial-workspace,.spatial-workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:58px auto minmax(0,1fr) auto}html[data-luma-platform=desktop] .spatial-workspace{grid-template-columns:50px auto minmax(0,1fr) auto}.spatial-workspace>.spatial-toolbar{grid-area:1/1/3}.spatial-workspace>.spatial-canvas-column{grid-area:1/3}.dock-system{display:contents}.dock-stack{background:#101217;border-color:#7f889733;min-width:0;min-height:0;display:flex;overflow:hidden}.dock-stack-left,.dock-stack-right{width:var(--dock-stack-size,300px);flex-direction:column}.dock-stack-left{border-right:1px solid #7f889733;grid-area:1/2}.dock-stack-right{border-left:1px solid #7f889733;grid-area:1/4}.dock-stack-bottom{height:var(--dock-stack-size,260px);border-top:1px solid #7f889733;flex-direction:row;grid-area:2/2/auto/5}.dock-group.spatial-inspector{flex:var(--dock-weight,1) 1 0;background:#101217;border:0;gap:0;width:100%;min-width:0;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.dock-group-menu{flex:none;position:relative}.dock-group-menu-trigger{cursor:pointer;width:30px;height:30px;color:var(--muted);letter-spacing:1px;background:0 0;border:0;border-radius:0;place-items:center;font-size:12px;display:grid}.dock-group-menu-trigger:hover,.dock-group-menu-trigger:focus-visible,.dock-group-menu[data-open=true]>.dock-group-menu-trigger{color:var(--text);background:#ffffff0f;outline:none}.dock-group-menu>div{z-index:160;background:#1a1d23;border:1px solid #7f889747;border-radius:6px;width:210px;margin:4px 0 0 -180px;padding:4px;position:fixed;box-shadow:0 14px 36px #00000073}.dock-group-menu button{width:100%;min-height:28px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:3px;padding:5px 8px;display:block}.dock-group-menu button:hover,.dock-group-menu button:focus-visible{background:#4c88ff2e;outline:none}.dock-group[data-collapsed=true]{flex:0 0 32px;min-height:32px}.dock-stack-bottom .dock-group[data-collapsed=true]{flex-basis:34px;width:34px;min-width:34px;height:100%}.dock-group .dock-tabbar{width:100%;display:flex!important}.dock-panel-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex;overflow:auto}html[data-luma-platform=desktop] .dock-panel-body>.glass-card,html[data-luma-platform=desktop] .dock-panel-body>[data-contextual-panel],html[data-luma-platform=desktop] .dock-panel-body>.contextual-panel-host,.dock-panel-body>.glass-card,.dock-panel-body>[data-contextual-panel],.dock-panel-body>.contextual-panel-host{width:100%;box-shadow:none;border:0;border-bottom:1px solid #7f88972e;border-radius:0;flex:none;margin:0;display:block!important}html[data-luma-platform=desktop] .dock-panel-body>.layers-card,.dock-panel-body>.layers-card{background:0 0;flex-direction:column;flex:auto;min-height:0;display:flex!important}.dock-panel-body>.desktop-properties-card{max-height:none!important}.dock-panel-body>.contextual-panel-host>.glass-card{box-shadow:none;border:0;border-radius:0}.dock-panel-empty{color:#858c98;text-align:center;place-content:center;gap:4px;min-height:120px;padding:18px;display:grid}.dock-panel-empty strong{color:#c7ccd4;font-size:11px}.dock-panel-empty span{font-size:9px}.dock-split-resizer{z-index:8;touch-action:none;background:0 0;flex:0 0 5px}.dock-split-resizer-left,.dock-split-resizer-right{cursor:ns-resize;width:100%;height:5px}.dock-split-resizer-bottom{cursor:ew-resize;width:5px;height:100%}.dock-split-resizer:hover{background:#2688f499}.dock-floating-panel{z-index:130;color:#dfe2e7;background:#101217;border:1px solid #7f889766;border-radius:7px;flex-direction:column;min-width:220px;min-height:160px;display:flex;position:fixed;overflow:hidden;box-shadow:0 22px 70px #00000073}.dock-floating-panel>header{cursor:move;border-bottom:1px solid #7f889738;flex:0 0 32px;align-items:center;gap:6px;height:32px;padding:0 5px 0 9px;display:flex}.dock-floating-panel>header strong{flex:1;min-width:0;font-size:10px}.dock-floating-panel>header button{height:23px;color:inherit;background:#ffffff0f;border:0;border-radius:3px;font-size:9px}.dock-floating-resizer{cursor:nwse-resize;width:15px;height:15px;position:absolute;bottom:0;right:0}.dock-system[data-dragging=true] .dock-drop-targets{z-index:200;grid-template-columns:repeat(2,minmax(0,1fr));width:min(460px,100vw - 40px);display:grid;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.layer-context-menu{z-index:10000;color:#eeeef2;background:#202227;border:1px solid #454850;border-radius:7px;width:270px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:5px;font:12px/1.4 system-ui,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 10px 32px #0008}.layer-context-heading{color:#9fa5b2;border-bottom:1px solid #ffffff15;margin-bottom:4px;padding:6px 8px}.layer-context-menu button{width:100%;min-height:30px;color:inherit;text-align:left;font:inherit;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;display:flex}.layer-context-menu button:hover:not(:disabled),.layer-context-menu button:focus-visible{outline-offset:-1px;background:#365b9a;outline:1px solid #84b1ff}.layer-context-menu button:active:not(:disabled){background:#25447a}.layer-context-menu button:disabled{opacity:.38;cursor:not-allowed}.layer-context-menu button.danger{color:#ffaeae;border-top:1px solid #ffffff15;margin-top:3px}.layer-context-menu kbd{font:inherit;color:#aeb7c7;white-space:nowrap}.layer-selection-summary{color:var(--muted,#969aa5);gap:7px;padding:8px;font-size:11px;display:grid}.layer-group-toggle{color:inherit;background:0 0;border:0;flex:0 0 16px;place-items:center;padding:0;display:grid}html .virtual-layer-stack .spatial-layer:has(>.layer-group-toggle)>*{grid-row:1}html .virtual-layer-stack .spatial-layer>.layer-group-toggle{grid-column:1}html .virtual-layer-stack .spatial-layer:has(>.layer-group-toggle)>.spatial-layer-thumb{grid-column:2}html .virtual-layer-stack .spatial-layer:has(>.layer-group-toggle)>.layer-name{grid-column:3}html .virtual-layer-stack .spatial-layer:has(>.layer-group-toggle)>.spatial-layer-actions{grid-column:4}.layers-card>.layer-selection-summary{border-top:1px solid #ffffff12;flex:none;order:3;gap:3px;padding:5px 8px}.saved-alpha-controls{border-top:1px solid var(--border);gap:8px;padding:8px 10px;font-size:11px;display:grid}.saved-alpha-controls label{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:6px;display:grid}.saved-alpha-controls input,.saved-alpha-controls select{width:100%;min-width:0;height:28px}.saved-alpha-controls .alpha-actions{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.saved-alpha-controls button{min-height:28px}.saved-alpha-controls details[open]{gap:6px;display:grid}.saved-alpha-controls small{color:var(--muted)}.saved-alpha-controls :is(button,input,select):focus-visible{outline:2px solid var(--accent,#397afa);outline-offset:1px}.print-export-dialog form{gap:12px;padding:16px;display:grid}.print-export-dialog form>label{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.print-export-dialog input:not([type=checkbox]),.print-export-dialog select{max-width:240px;min-height:28px}.print-export-dialog p{color:var(--text-muted,#8c929c);margin:0;font-size:11px;line-height:1.5}.studio-export-popover.print-export-dialog [role=alert]{color:#f29494}.print-export-dialog form>label.print-checkbox{justify-content:flex-start}.print-export-dialog button[type=submit]{min-height:32px}.recolor-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06090ec9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recolor-dialog{color:#e4e8f0;text-align:left;background:#171b22;border:1px solid #ffffff20;border-radius:12px;flex-direction:column;width:min(1020px,100%);max-height:calc(100dvh - 40px);font-size:12px;display:flex;overflow:hidden;box-shadow:0 24px 100px #0009}.recolor-dialog>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.recolor-eyebrow{letter-spacing:.16em;color:#8caae0;font-size:9px}.recolor-dialog h2{margin:2px 0;font-size:22px;font-weight:600}.recolor-dialog header p{color:#9ca6b8;text-overflow:ellipsis;white-space:nowrap;max-width:650px;margin:0;overflow:hidden}.recolor-header-actions{gap:8px;display:flex}.recolor-dialog button,.recolor-dialog select,.recolor-dialog input:not([type=range]):not([type=checkbox]){min-height:30px;color:inherit;font:inherit;background:#222834;border:1px solid #ffffff20;border-radius:5px;padding:4px 8px}.recolor-dialog button{cursor:pointer;justify-content:center;align-items:center;gap:5px;transition:background .12s;display:inline-flex}.recolor-dialog button:hover:not(:disabled){background:#344155;border-color:#708cb0}.recolor-dialog button:active:not(:disabled){background:#405575}.recolor-dialog :is(button,input,select,summary):focus-visible{outline-offset:2px;outline:2px solid #8cb6ff}.recolor-dialog :disabled{opacity:.4;cursor:not-allowed}.recolor-body{grid-template-columns:minmax(0,1fr) 340px;min-height:0;display:grid;overflow:hidden}.recolor-preview-column{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:16px;display:flex}.recolor-preview-tabs{gap:4px;display:flex}.recolor-preview-tabs button{background:0 0;border-color:#0000}.recolor-preview-tabs button[aria-pressed=true]{color:#cee0ff;background:#304569}.recolor-preview-stage{background:repeating-conic-gradient(#20242b 0% 25%,#272c35 0% 50%) 0/16px 16px;border-radius:5px;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden}.recolor-preview-stage canvas{object-fit:contain;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:min(48vh,480px);display:block}.recolor-preview-meta{color:#a9b5c9;justify-content:space-between;gap:8px;font-size:11px;display:flex}.recolor-preview-meta span:first-child{align-items:center;gap:6px;display:flex}.recolor-palette{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.recolor-palette span{color:#a9b5c9;margin-right:4px}.recolor-palette button{border-color:#ffffff40;width:23px;min-height:23px;padding:0}.recolor-note{color:#919daf;margin:0;font-size:10px;line-height:1.6}.recolor-controls{border:0;border-left:1px solid #ffffff12;min-width:0;margin:0;padding:0 16px;overflow-y:auto}.recolor-section{border-bottom:1px solid #ffffff12;padding:15px 0}.recolor-section h3,.recolor-section summary{margin:0 0 12px;font-size:12px;font-weight:600}.recolor-section summary{cursor:pointer;margin:0}.recolor-section[open] summary{margin-bottom:12px}.recolor-sample-row{align-items:center;gap:6px;margin:8px 0;display:flex}.recolor-sample-row select,.recolor-sample-row input:not([type=color]){flex:1;min-width:0}.recolor-dialog input[type=color]{flex-shrink:0;width:38px;padding:2px!important}.recolor-swatch-set{flex-wrap:wrap;align-items:center;gap:5px;margin:10px 0;display:flex}.recolor-swatch-set>span{color:#95a2b8;width:100%;font-size:10px}.recolor-dialog .recolor-chip{min-height:24px;padding:2px 5px;font-size:10px}.recolor-chip i{background:var(--swatch);border:1px solid #ffffff30;border-radius:2px;width:11px;height:11px}.recolor-row{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}.recolor-row select{flex:1;min-width:0;max-width:220px}.recolor-row code{color:#94a6bf}.recolor-slider{grid-template-columns:114px minmax(0,1fr) 26px;align-items:center;gap:6px;min-height:32px;font-size:11px;display:grid}.recolor-slider input{accent-color:#82acff;cursor:ew-resize;width:100%}.recolor-slider output{text-align:right;color:#afbfda;font-variant-numeric:tabular-nums}.recolor-check{color:#bec7d7;align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.recolor-check input{accent-color:#82acff}.recolor-preset-buttons{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.recolor-preset-buttons button{font-size:10px}.recolor-dialog>footer{border-top:1px solid #ffffff12;align-items:center;gap:8px;padding:12px 20px;display:flex}.recolor-dialog footer>div{flex:1;min-width:0}.recolor-dialog footer label{align-items:center;gap:10px;display:flex}.recolor-dialog footer select{max-width:100%}.recolor-dialog footer small{color:#919daf;margin-top:6px;font-size:10px;display:block}.recolor-dialog .recolor-apply{color:#0b1425;background:#84adff;border-color:#84adff;min-width:90px;font-weight:600}.recolor-error{color:#ffc3ba;background:#8b302a30;margin:0;padding:10px 20px}.recolor-progress{color:#afbfda;align-items:center;gap:12px;padding:10px 20px;font-size:11px;display:flex}.recolor-progress progress{accent-color:#84adff;flex:1;min-width:0}@media (max-width:740px){.recolor-body{grid-template-columns:1fr;overflow-y:auto}.recolor-controls{border-left:0;overflow:visible}.recolor-preview-stage canvas{max-height:28vh}.recolor-dialog>footer{flex-wrap:wrap}.recolor-dialog footer>div{flex-basis:100%}}:root{color:#252625;background:#f3eee7;font-family:Arial,sans-serif}html,body,#root{height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}.lw-app{background:#f5f0e8;flex-direction:column;height:100dvh;display:flex}.lw-top{color:#252625;background:#f8f4ed;border-bottom:1px solid #d7d1c6;align-items:center;gap:22px;height:62px;min-height:62px;padding:0 20px;display:flex}.lw-top a{color:inherit;text-decoration:none}.lw-brand{letter-spacing:-1.7px;white-space:nowrap;font-size:26px;font-weight:800}.lw-brand span{letter-spacing:0;color:#72746b;font-size:12px;font-weight:500}.lw-top nav{flex:1;align-items:center;gap:7px;display:flex}.lw-top nav a{white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:8px;font-size:12px;display:flex}.lw-top nav a span{display:none}.lw-top nav a[aria-current]{color:#fff;background:#242924}.lw-top nav a[aria-current] span{display:inline}.lw-top nav a:hover{border-color:#8d9287}.lw-all{white-space:nowrap;font-size:13px}.lw-body{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.lw-guide{color:#33372e;background:#f8f4ed;border-right:1px solid #d7d1c6;flex-direction:column;min-height:0;display:flex}.lw-heading{padding:25px 22px 16px}.lw-eyebrow{letter-spacing:1.3px;color:var(--lesson-color);font-family:monospace;font-weight:700;font-size:11px!important}.lw-heading h1{letter-spacing:-1.1px;margin:12px 0;font-size:29px;line-height:1.03}.lw-heading p{margin:0;font-size:14px;line-height:1.5}.lw-meta{color:#73756b;gap:12px;margin-top:14px;font-size:11px;display:flex}.lw-tabs{border-block:1px solid #d7d1c6;grid-template-columns:repeat(4,1fr);gap:1px;padding:6px 12px;display:grid}.lw-tabs button{color:#63695c;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 0;font-size:12px}.lw-tabs button[aria-selected=true]{color:#233221;background:#e5e9df;font-weight:700}.lw-scroll{flex:1;min-height:0;padding:18px 20px 26px;font-size:14px;line-height:1.5;overflow:auto}.lw-scroll h2{letter-spacing:-.8px;margin:14px 0;font-size:24px;line-height:1.1}.lw-scroll h3{margin:25px 0 10px;font-size:16px}.lw-preview{border-radius:5px;width:100%;margin-bottom:18px;display:block}.lw-progress{letter-spacing:.2px;color:#72766b;margin-bottom:18px;font-size:11px}.lw-progress progress{appearance:none;border:0;width:100%;height:4px;margin-top:9px;display:block}.lw-progress progress::-webkit-progress-bar{background:#e0ded4;border-radius:3px}.lw-progress progress::-webkit-progress-value{background:var(--lesson-color);border-radius:3px}.lw-steps{margin:0;padding:0;list-style:none}.lw-steps li{border-top:1px solid #dedbd1;padding:9px 0}.lw-step-title{text-align:left;color:#4e5549;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 0;font-size:14px;font-weight:600;line-height:1.3;display:flex}.lw-step-title span{border:1px solid #c6cbbe;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:400;display:flex}.is-active .lw-step-title{color:#232d23}.is-active .lw-step-title span{background:var(--lesson-color);color:#fff;border-color:#0000}.is-done .lw-step-title span{color:#fff;background:#3f704f;border-color:#3f704f}.lw-step-body{padding:0 0 9px 34px}.lw-step-body p{margin:6px 0 10px;font-size:13px;line-height:1.5}.lw-step-body .lw-why{color:#858576;font-size:12px}.lw-app button{font-family:inherit}.lw-show,.lw-primary,.lw-next,.lw-reset,.lw-download{text-align:left;cursor:pointer;border-radius:5px;width:100%;margin:10px 0;padding:10px 12px;font-size:12px;text-decoration:none;display:block}.lw-primary{color:#fff;text-align:center;background:#283528;border:1px solid #283528;font-weight:600}.lw-show{color:#334331;background:#f8faf4;border:1px solid #b8c0af;font-weight:600}.lw-next,.lw-reset{color:#526247;background:0 0;border:0;padding:6px 0}.lw-next{text-align:right}.lw-check{color:#3a704d!important;font-size:12px!important}.lw-complete{background:#e6eddf;border:1px solid #aabda1;border-radius:6px;padding:16px}.lw-complete p{font-size:13px}.lw-complete button{color:#315532;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.lw-layer-list button{text-align:left;cursor:pointer;color:#37412f;background:#fcfaf4;border:1px solid #dadccf;border-radius:6px;width:100%;margin:9px 0;padding:12px;display:block}.lw-layer-list strong{font-size:13px;display:block}.lw-layer-list span{color:#757d6a;margin-top:5px;font-size:12px;line-height:1.4;display:block}.lw-layer-list i{margin-top:8px;font-size:11px;font-style:normal;display:block}.lw-guide-footer{border-top:1px solid #d7d1c6;gap:10px;padding:12px 18px;display:flex}.lw-guide-footer button{color:#4d5744;cursor:pointer;background:0 0;border:1px solid #c4cabb;border-radius:5px;flex:1;padding:8px 2px;font-size:11px}.lw-guide-toggle{display:none}.lw-file-links{gap:10px;margin:22px 0;display:grid}.lw-file-links a,.lw-download{color:#4d6745;font-size:12px}.lw-small,.lw-save-state{color:#78806c;line-height:1.5;font-size:12px!important}.lw-example-note{background:#f0e8cd;border-radius:5px;padding:10px;font-size:12px}.lw-example-note a{color:#716129}.lw-app button:disabled{opacity:.45;cursor:wait}.lw-studio{min-width:0;min-height:0;position:relative;overflow:hidden}.lw-studio .spatial-studio[data-app-shell]{border-radius:0;height:100%;min-height:0;padding:0!important}.lw-studio .spatial-window{border:none;border-radius:0;max-width:none;height:100%;min-height:0;margin:0}.lw-studio .spatial-workspace{min-height:0}.lw-studio .spatial-studio[data-form-factor=phone]{height:100%!important;min-height:0!important;top:0!important}.workshop-highlight{outline-offset:-3px;animation:1s ease-in-out 3 lw-pulse;outline:3px solid #edbd61!important}.lw-error{z-index:100;background:#f6efe8;align-content:center;justify-items:center;padding:40px;display:grid;position:absolute;inset:0}.lw-error p{max-width:400px}.lw-notice{color:#fff;z-index:20000;background:#293528;border-radius:6px;max-width:85vw;padding:14px 40px 14px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.lw-notice button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:8px;right:10px}.lw-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:22000;background:#242c2ed9;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.lw-modal{color:#303b2c;background:#f5f1e8;border-radius:12px;width:min(800px,100%);max-height:94vh;padding:22px;overflow:auto}.lw-modal header{justify-content:space-between;align-items:start;gap:20px;display:flex}.lw-modal h2{letter-spacing:-.7px;margin:0;font-size:26px}.lw-modal header p{max-width:500px;margin:8px 0 18px;font-size:13px}.lw-modal header button{white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #bbc2b1;border-radius:5px;padding:7px 12px}.lw-compare{width:auto;max-width:100%;max-height:65vh;margin:auto;position:relative;overflow:hidden}.lw-compare img{object-fit:contain;width:100%;height:100%;display:block}.lw-compare .lw-before{position:absolute;inset:0}.lw-wipe{background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #0005}.lw-before-label,.lw-after-label{color:#303b2c;background:#fff;border-radius:3px;padding:4px 8px;font-size:11px;position:absolute;top:10px}.lw-before-label{left:10px}.lw-after-label{right:10px}.lw-modal input[type=range]{accent-color:#56794a;width:100%;margin-top:18px}.lw-tiles{background-color:#e3d9bd;background-repeat:repeat;background-size:240px 240px;border:1px solid #bcc3b4;height:65vh}.lw-load{color:#82795f;font-size:13px}.lw-app :is(button,a,input):focus-visible{outline-offset:3px;outline:3px solid #aa813d}@keyframes lw-pulse{50%{outline-color:#fff5c5}}@media (min-width:1600px){.lw-body{grid-template-columns:330px minmax(0,1fr)}.lw-top nav a span{display:inline}.lw-top nav{justify-content:center}.lw-scroll{padding-inline:24px}}@media (max-width:1050px){.lw-body{grid-template-columns:260px minmax(0,1fr)}.lw-heading{padding:20px 18px 14px}.lw-heading h1{font-size:25px}.lw-heading p{font-size:13px}.lw-scroll{padding:14px 16px}.lw-top{gap:14px}.lw-all{display:none}}@media (max-width:760px){.lw-top{gap:10px;height:54px;min-height:54px;padding:0 12px}.lw-brand{font-size:23px}.lw-brand span{display:none}.lw-top nav{justify-content:center;gap:2px}.lw-top nav a{padding:6px;font-size:11px}.lw-top nav a span{display:none!important}.lw-guide-toggle{color:#293d25;white-space:nowrap;background:#e9edde;border:1px solid #b1bca8;border-radius:4px;padding:8px 9px;font-size:12px;display:block}.lw-body{min-height:0;display:block;position:relative}.lw-studio{height:100%}.lw-guide{z-index:11000;width:min(340px,95vw);display:none;position:absolute;inset:0 auto 0 0;box-shadow:6px 0 30px #0004}.lw-guide.is-open{display:flex}.lw-heading h1{font-size:27px}.lw-modal-backdrop{padding:9px}.lw-modal{padding:15px}.lw-modal h2{font-size:22px}.lw-tiles{background-size:160px 160px}.lw-step-body p,.lw-layer-list span{font-size:14px}.lw-meta,.lw-eyebrow{font-size:12px!important}.lw-steps li{padding-block:12px}}html body:has(.lw-app){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0!important}.lw-studio .spatial-studio{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;position:absolute!important;inset:0!important}.lw-studio .spatial-window{border:0!important;border-radius:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.lw-studio .layers-card{min-height:100%;height:auto!important}.lw-studio .layer-stack{max-height:235px;overflow:auto;flex:none!important;min-height:165px!important}.lw-studio .dock-panel-body{overflow:auto}.lw-studio .download-confirmation-backdrop{z-index:16000!important}.lw-source{background:#fff;border-top:1px solid #d5dceb;border-bottom:1px solid #d5dceb;max-height:45vh;padding:10px 18px;overflow:auto}.lw-source summary{cursor:pointer;font-size:14px;font-weight:600}.lw-source p{color:#57657b;font-size:13px}.lw-source a{color:#304b75;margin-top:12px;font-size:13px;display:block}.lw-source img{object-fit:contain;background:#edf1f7;width:100%;max-height:180px;margin-bottom:7px;display:block}.lw-top nav{scrollbar-width:thin;justify-content:flex-start;min-width:0;overflow-x:auto}.lw-top nav a{flex-shrink:0;font-size:14px}.lw-heading p,.lw-step-body p{font-size:16px;line-height:1.5}.lw-heading h1{font-size:27px}.lw-guide .lw-scroll{min-height:0;overflow-y:auto}.lw-lab,.lw-chain{border-top:1px solid #c9c9d4;margin-top:22px;padding-top:20px}.lw-lab h2{margin:0 0 10px;font-size:23px}.lw-lab p,.lw-chain p{font-size:16px;line-height:1.45}.lw-lab label{margin-block:14px;font-size:14px;font-weight:600;display:block}.lw-lab select,.lw-lab input[type=range]{accent-color:#7960e5;width:100%;margin-top:7px;display:block}.lw-lab select{font:inherit;color:#282933;background:#fff;border:1px solid #aaa9b9;border-radius:6px;min-height:40px;padding:7px}.lw-lab output{float:right}.lw-lab a{color:#5040a8;margin-block:14px;font-size:14px;line-height:1.5;display:block}.lw-lab .lw-show{width:100%;margin-bottom:8px}.lw-chain small{margin-top:8px;font-size:13px;line-height:1.5;display:block}.lw-lab .lw-small{font-size:13px}.lw-app :is(button,a,input,select):focus-visible{outline-offset:3px;outline:3px solid #7960e5}@media (max-width:760px){.lw-top nav{justify-content:flex-start}.lw-top nav a{padding:7px 9px;font-size:14px}.lw-top{gap:6px}.lw-heading p{font-size:16px}.lw-guide-toggle{font-size:14px}.lw-brand{font-size:21px}}.lw-embed-top{color:#273247;background:#f6f7f9;border-bottom:1px solid #d7dce5;flex-wrap:wrap;align-items:center;gap:8px;min-height:46px;padding:6px 12px;display:flex}.lw-embed-top>span{margin-right:auto;font-size:14px;font-weight:600}.lw-embed-top button{color:#344562;cursor:pointer;background:#fff;border:1px solid #c8d0de;border-radius:6px;min-height:32px;padding:5px 10px;font-size:14px}.lw-embedded .lw-body{display:block;position:relative}.lw-embedded .lw-studio{height:100%}.lw-embedded .lw-guide{z-index:11000;width:min(340px,95%);display:none;position:absolute;inset:0 auto 0 0;box-shadow:6px 0 30px #0003}.lw-embedded .lw-guide.is-open{display:flex}.lw-embedded .lw-heading{padding:18px 20px 14px}.lw-embedded .lw-heading h1{font-size:25px}@media (max-width:600px){.lw-embed-top{gap:6px;padding:6px 8px}.lw-embed-top>span{display:none}.lw-embed-top button{flex:1;padding-inline:6px;font-size:14px}}.lw-simple{color:#263247;background:#f4f6fa}.lw-simple .lw-body{display:block;position:relative}.lw-simple .lw-studio{height:100%}.lw-simple .lw-guide{z-index:11000;background:#f8fafc;border-left:1px solid #cbd4e2;width:min(360px,100%);display:none;position:absolute;inset:0 0 0 auto;box-shadow:-6px 0 30px #0003}.lw-simple .lw-guide.is-open{display:flex}.lw-simple .lw-heading,.lw-simple .lw-source{display:none}.lw-close-guide{text-align:right;color:#344562;cursor:pointer;background:#f8fafc;border:0;border-bottom:1px solid #d2dbe7;padding:12px 20px;font-size:14px}.lw-embed-top b{letter-spacing:-1px;margin-right:5px;font-size:22px}.lw-show-simple{color:#344562;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b7c4d5;border-radius:6px;padding:8px 12px;font-size:14px}.lw-focus-guide{background:#fff;border-bottom:1px solid #ccd5e3;flex:none;padding:12px 18px 8px}.lw-focus-guide nav{scrollbar-width:thin;gap:7px;margin-bottom:12px;display:flex;overflow-x:auto}.lw-focus-guide nav button{white-space:nowrap;color:#67758b;cursor:pointer;background:#f7f9fc;border:1px solid #e0e5ed;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:5px 10px;font-size:14px;display:flex}.lw-focus-guide nav button[aria-current=step]{border-color:var(--lesson-color);color:var(--lesson-color);background:#fff;font-weight:700}.lw-focus-guide nav button span{text-align:center;color:#536783;background:#e8edf5;border-radius:50%;min-width:20px;font-size:12px;line-height:20px}.lw-focus-guide nav button[aria-current=step] span{background:var(--lesson-color);color:#fff}.lw-focus-instruction{justify-content:space-between;align-items:center;gap:22px;display:flex}.lw-focus-instruction p{max-width:640px;margin:0;font-size:16px;line-height:1.45}.lw-focus-instruction strong{color:#25334a;margin-bottom:3px;font-size:17px;display:block}.lw-focus-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lw-focus-actions button{white-space:nowrap;color:#344562;cursor:pointer;background:#fff;border:1px solid #bac8dc;border-radius:6px;min-height:38px;padding:8px 12px;font-size:14px}.lw-focus-actions .lw-focus-primary{background:var(--lesson-color);border-color:var(--lesson-color);color:#fff;font-weight:600}.lw-focus-meta{color:#6b788d;align-items:center;gap:16px;min-height:22px;margin-top:8px;font-size:12px;display:flex}.lw-focus-meta button{color:#526989;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .spatial-window{grid-template-rows:minmax(0,1fr)}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .studio-titlebar,html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .desktop-statusbar{display:none}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier]:not([data-form-factor=phone]) .spatial-workspace{grid-template-columns:82px auto minmax(0,1fr) auto}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories{justify-content:flex-start;gap:8px}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .lesson-native-tool{flex-direction:column;justify-content:center;gap:5px;width:68px;height:auto;min-height:58px;padding:8px 3px;display:flex}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .lesson-native-tool span{white-space:normal;max-width:65px;font-size:14px;line-height:1.2;display:block}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .tool-rail-colors{display:none}.lw-simple .lw-studio .layer-stack{max-height:none;flex:auto!important}@media (max-width:900px){.lw-focus-instruction{align-items:flex-start;gap:12px}.lw-focus-actions{flex-wrap:wrap;max-width:300px}.lw-focus-instruction p{font-size:15px}}@media (max-width:600px){.lw-focus-guide{padding:10px}.lw-focus-guide nav{gap:5px;margin-bottom:8px}.lw-focus-guide nav button{padding:4px 7px;font-size:13px}.lw-focus-instruction{display:block}.lw-focus-instruction strong{display:none}.lw-focus-instruction p{font-size:14px;line-height:1.4}.lw-focus-actions{flex-wrap:nowrap;justify-content:flex-start;max-width:none;margin-top:8px;overflow-x:auto}.lw-focus-actions button{min-height:34px;padding:7px 10px;font-size:13px}.lw-focus-meta{margin-top:6px}.lw-simple .lw-embed-top button{flex:initial}.lw-simple .lw-embed-top>span{display:none}}.lw-quick-effects{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;font-size:14px;display:flex}.lw-quick-effects>span{margin-right:4px;font-weight:600}.lw-quick-effects button{color:#4c4966;cursor:pointer;background:#f8f9fd;border:1px solid #c6cce1;border-radius:6px;min-height:34px;padding:6px 10px;font-size:14px}.lw-quick-effects button[aria-pressed=true]{color:#fff;background:#7356cb;border-color:#7356cb}.lw-quick-effects label{align-items:center;gap:12px;display:flex}.lw-quick-effects input{accent-color:#7356cb;width:180px}.lw-quick-effects output{min-width:38px}.lw-quick-effects small{color:#68758a;font-size:12px}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .spatial-document-tabs[data-single=true]{display:none}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-column:has(.spatial-document-tabs[data-single=true]){grid-template-rows:42px minmax(0,1fr) auto}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .layer-focus-panel{display:none}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-column:has(.spatial-document-tabs[data-single=true]){grid-template-rows:52px minmax(0,1fr)}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .lesson-native-tool{height:50px;min-height:50px;padding:2px}@media (max-width:600px){.lw-quick-effects{gap:5px;margin-top:8px}.lw-quick-effects>span{display:none}.lw-quick-effects button{font-size:13px}.lw-quick-effects small{width:100%}}.lw-focus-guide nav em{font-style:normal}.lw-step-caption{display:none}.lw-session-menu{margin-left:2px;position:relative}.lw-session-menu summary{cursor:pointer;letter-spacing:2px;border-radius:8px;place-items:center;min-width:40px;min-height:40px;font-size:16px;list-style:none;display:grid}.lw-session-menu summary::-webkit-details-marker{display:none}.lw-session-menu[open] summary{background:#e1e6f0}.lw-session-menu>div{z-index:15000;background:#fff;border:1px solid #d2d9e5;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:45px;right:0;box-shadow:0 10px 40px #15233c35}.lw-session-menu>div button{text-align:left;border:0;border-radius:7px;width:100%;min-height:44px;display:block}.lw-session-menu>div button:hover{background:#eef0f8}.lw-mini{background:#e9edf3}.lw-mini .lw-embed-top{background:#f8f9fc;border-bottom:1px solid #e0e5ef;flex-wrap:nowrap;flex:none;order:0;gap:2px;height:44px;min-height:44px;padding:0 10px}.lw-mini .lw-embed-top>.lw-session-name{color:#748092;white-space:nowrap;align-items:center;gap:6px;margin-right:auto;font-size:11px;font-weight:500;display:flex}.lw-mini .lw-session-name i{background:#728599;border-radius:50%;width:5px;height:5px}.lw-mini .lw-embed-top>button{color:#44516a;background:0 0;border:0;flex:none;min-height:44px;padding:0 9px;font-size:12px;font-weight:600}.lw-mini .lw-embed-top>button>span{vertical-align:-1px;margin-right:2px;font-size:19px}.lw-mini .lw-body{flex:1;order:1;min-height:190px}.lw-mini .lw-focus-guide{background:#fff;border:0;border-top:1px solid #d8dfe9;flex:none;order:2;padding:0 14px 12px;position:relative;box-shadow:0 -4px 20px #20354f06}.lw-mini .lw-focus-guide nav{align-items:center;gap:4px;height:20px;margin:0 0 6px;overflow:visible}.lw-mini .lw-focus-guide nav button{background:0 0;border:0;border-radius:0;flex:1;min-width:0;height:20px;min-height:20px;padding:0;position:relative}.lw-mini .lw-focus-guide nav button:after{content:"";background:#e7eaf1;border-radius:3px;height:3px;position:absolute;inset:9px 0 auto}.lw-mini .lw-focus-guide nav button[aria-current=step]:after{background:var(--lesson-color)}.lw-mini .lw-focus-guide nav button span,.lw-mini .lw-focus-guide nav button em{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lw-mini .lw-focus-instruction{display:block}.lw-mini .lw-step-caption{letter-spacing:1px;color:#7b859a;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:9px;font-weight:700;line-height:1.4;display:flex}.lw-mini .lw-step-caption>span:last-child{color:var(--lesson-color);letter-spacing:0;font-size:10px}.lw-mini .lw-focus-instruction p{color:#738098;margin:0;font-size:12px;line-height:1.45}.lw-mini .lw-focus-instruction strong{color:#253047;letter-spacing:-.35px;margin-bottom:4px;font-size:16px;line-height:1.25;display:block}.lw-mini .lw-focus-actions{flex-wrap:nowrap;justify-content:stretch;gap:6px;max-width:none;margin-top:10px;display:flex;overflow:visible}.lw-mini .lw-focus-actions button{color:#435270;background:#f3f5fa;border-color:#e4e8f0;border-radius:8px;flex:1;min-height:40px;padding:8px 10px;font-size:12px}.lw-mini .lw-focus-actions .lw-focus-primary{background:var(--lesson-color);border-color:var(--lesson-color);color:#fff}.lw-mini .lw-focus-actions .lw-focus-primary+button+.lw-focus-primary{color:var(--lesson-color);background:#f0edf9;border-color:#e6e0f3;flex:0;padding-inline:12px}.lw-mini .lw-focus-meta{display:none}.lw-mini .lw-quick-effects{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin:8px 0 0;overflow-x:auto}.lw-mini .lw-quick-effects button{border-radius:8px;flex:none;min-height:36px;padding:6px 9px;font-size:12px}.lw-mini .lw-quick-effects small,.lw-mini .lw-quick-effects>span{display:none}.lw-mini .lw-quick-effects label{gap:8px;width:100%;font-size:12px}.lw-mini .lw-quick-effects input{flex:1;min-width:0;height:32px}.lw-mini .lw-guide{width:100%;box-shadow:none;inset:0}.lw-mini .lw-notice{width:340px;max-width:calc(100vw - 24px);padding:12px 32px 12px 14px;font-size:12px;bottom:12px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .studio-contextbar{display:none}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone] .spatial-canvas-column:has(.spatial-document-tabs[data-single=true]){grid-template-rows:minmax(0,1fr)}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .spatial-workspace{grid-template-rows:minmax(0,1fr) 56px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .spatial-toolbar{background:#f6f8fc;border-top:1px solid #ccd4e2;height:56px;min-height:56px;padding:4px 10px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .primary-tool-categories{justify-content:center;gap:6px;width:100%;min-width:0}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .lesson-native-tool{border-radius:8px;flex:1;gap:3px;min-width:44px;max-width:100px;height:46px;min-height:46px;padding:3px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .lesson-native-tool span{white-space:nowrap;font-size:10px;line-height:12px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .lesson-native-tool svg{width:19px;height:19px}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .tablet-panel{border-radius:12px;height:calc(100% - 78px);max-height:calc(100% - 64px);bottom:58px;left:6px;right:6px;box-shadow:0 2px 28px #15203235}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .phone-panel-sizing{display:none}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .tablet-panel-header{min-height:40px}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .spatial-window{flex-direction:column!important;display:flex!important}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .studio-titlebar.spatial-topbar{display:none!important}html:root body .lw-simple .spatial-studio[data-app-shell][data-ui=atelier] .spatial-workspace{flex:1!important;min-height:0!important}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-column{grid-area:1/1!important;grid-template-rows:minmax(0,1fr)!important}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas-stage{background:#e8ecf3!important;padding:14px!important}.lw-mini .lw-notice{background:#27354bef;top:52px;bottom:auto;box-shadow:0 6px 20px #15213230}.lw-mini .recolor-backdrop{padding:8px}.lw-mini .recolor-dialog{border-radius:12px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.lw-mini .recolor-dialog>header{flex:none;gap:6px;padding:12px}.lw-mini .recolor-dialog header p{white-space:normal;font-size:10px}.lw-mini .recolor-dialog h2{font-size:19px}.lw-mini .recolor-body{flex:1;min-height:0;display:block;overflow:auto}.lw-mini .recolor-preview-column{gap:8px;padding:12px}.lw-mini .recolor-preview-stage{flex:none;height:170px;min-height:0}.lw-mini .recolor-preview-stage canvas{max-width:100%;max-height:170px}.lw-mini .recolor-controls{padding-inline:12px;overflow:visible}.lw-mini .recolor-controls[hidden]{display:none}.lw-mini .recolor-dialog>footer{flex:none;gap:8px;padding:10px 12px}.lw-mini .recolor-dialog footer label{display:block}.lw-mini .recolor-dialog footer select{width:100%;margin-top:4px;font-size:12px;display:block}.lw-mini .recolor-dialog footer button{flex:1;min-height:40px}.lw-mini .recolor-guided .recolor-preview-meta,.lw-mini .recolor-guided .recolor-palette,.lw-mini .recolor-guided .recolor-note{display:none}.lw-mini .recolor-guided-colors{border:0;margin:0;padding:0 12px}.lw-mini .recolor-guided-colors legend{color:#aab8d0;margin-bottom:8px;font-size:11px}.lw-mini .recolor-guided-colors>div{gap:6px;display:flex}.lw-mini .recolor-guided-colors button{background:0 0;border-radius:8px;flex-direction:column;flex:1;gap:5px;min-width:0;padding:6px 3px;font-size:10px;display:flex}.lw-mini .recolor-guided-colors button[aria-pressed=true]{background:#383d56;border-color:#d3d8ff}.lw-mini .recolor-guided-colors button i{background:var(--shirt-color);border-radius:50%;width:27px;height:27px}.lw-mini .recolor-guided-colors .recolor-row{justify-content:flex-start;margin:8px 0;font-size:11px}.lw-mini .recolor-guided footer label{display:none}.lw-mini .recolor-guided footer small{margin:0 0 4px;font-size:10px}.lw-mini .recolor-dialog .recolor-advanced-toggle{text-underline-offset:3px;color:#aab8d0;background:0 0;border:0;min-height:36px;margin:0 8px 6px;font-size:11px;text-decoration:underline}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .spatial-canvas{box-shadow:none!important;background:#e3e7ee!important;border:0!important}@media (max-width:360px){.lw-mini .lw-focus-instruction strong{font-size:15px}.lw-mini .lw-focus-actions button{padding-inline:7px;font-size:11px}.lw-mini .lw-focus-guide{padding-inline:10px}}html:root body .lw-mini .spatial-studio[data-app-shell][data-ui=atelier] .tablet-panel{z-index:14000!important;height:auto!important;max-height:none!important;position:fixed!important;inset:48px 8px 8px!important}.lw-mini:has(.tablet-panel) .lw-focus-guide{visibility:hidden}.lw-mini .lw-session-menu{z-index:15001}html:root body .lw-mini .spatial-studio .layers-card>header,html:root body .lw-mini .spatial-studio .touch-layer-toolbar{display:none}html:root body .lw-mini[data-lesson=compose] .spatial-studio .layers-card{height:100%!important;min-height:0!important}html:root body .lw-mini[data-lesson=compose] .spatial-studio .layer-controls{display:none}html:root body .lw-simple .lesson-selection-controls{color:#293650;background:#f7f8fd;border-bottom:1px solid #dbe0eb;flex:none;min-width:0;padding:8px 12px;font-family:inherit}html:root body .lw-simple .lesson-selection-row{align-items:center;gap:8px;max-width:700px;margin:auto;display:flex}html:root body .lw-simple .lesson-selection-modes{background:#e9ecf4;border-radius:10px;flex:1;gap:2px;min-width:0;padding:3px;display:flex}html:root body .lw-simple .lesson-selection-controls button{color:#51617a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:36px;padding:6px 9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2}html:root body .lw-simple .lesson-selection-modes button{flex:1}html:root body .lw-simple .lesson-selection-controls button[aria-pressed=true]{color:#4c42b3;background:#fff;box-shadow:0 1px 5px #29385716}html:root body .lw-simple .lesson-selection-controls button:disabled{opacity:.45;cursor:wait}html:root body .lw-simple .lesson-selection-controls select{color:#42516b;background:#fff;border:1px solid #d8deea;border-radius:9px;width:100%;min-width:0;max-width:110px;min-height:42px;padding:5px;font-size:12px}html:root body .lw-simple .lesson-selection-controls .lesson-selection-clear{min-width:32px;padding:4px;font-size:21px}html:root body .lw-simple .lesson-selection-controls p{color:#66748e;max-width:700px;min-height:16px;margin:6px auto 0;font-size:11px;line-height:1.4}html:root body .lw-simple .lesson-selection-controls p i{background:#7962e7;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}html:root body .lw-simple .lesson-selection-tolerance{align-items:center;gap:10px;max-width:700px;margin:5px auto 0;font-size:11px;display:flex}html:root body .lw-simple .lesson-selection-tolerance input{accent-color:#7760df;flex:1;min-width:0;height:25px}html:root body .lw-simple .document-overlay-plane>.lesson-selection-overlay{pointer-events:none!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;position:absolute!important;inset:0!important;transform:none!important}@media (max-width:360px){html:root body .lw-simple .lesson-selection-controls{padding:6px 8px}html:root body .lw-simple .lesson-selection-row{gap:4px}html:root body .lw-simple .lesson-selection-controls button{padding-inline:6px;font-size:11px}html:root body .lw-simple .lesson-selection-controls select{max-width:91px;font-size:11px}}
