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;&>header{background:var(--ui-panel);border-color:var(--ui-border)}& .tone-controls output,&>header strong{color:var(--ui-text)}& .tone-controls label{color:var(--ui-muted)}& .brush-tool-settings[hidden]{display:none}& .brush-tool-settings>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}}html:root body .spatial-studio[data-app-shell][data-ui=atelier] .brush-toolbox{padding:12px;display:grid;gap:10px;color:var(--ui-text);min-width:0;& [hidden]{display:none!important}& .brush-library-content,& .brush-toolbox-navigation{display:grid;gap:10px;min-width:0}& .brush-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}& .brush-section-tabs button{display:flex;align-items:center;justify-content:center;gap:5px}& .brush-section-tabs i{width:5px;height:5px;background:var(--ui-accent);border-radius:50%}& button,& input{font:inherit;font-size:13px;color:inherit;min-height:36px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-field)}& input[type=search]{appearance:none;width:100%;padding:8px 10px;box-sizing:border-box;background:var(--ui-field);color:var(--ui-text)}& button{cursor:pointer;padding:6px 8px}& button:hover{border-color:var(--ui-accent)}& button:active{background:var(--ui-raised)}& button[aria-pressed=true]:not(:disabled){background:var(--ui-selected);border-color:var(--ui-accent)}& :is(button,input,summary):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}& .brush-toolbox-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}& .brush-toolbox-heading div{display:grid;gap:4px}& .brush-toolbox-heading strong{font-size:14px}& .brush-toolbox-heading span{font-size:12px;color:var(--ui-muted)}& .brush-categories{display:flex;gap:5px;overflow-x:auto;padding-bottom:4px}& .brush-categories button{flex:0 0 auto}& .brush-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:88px;gap:6px;max-height:276px;overflow-y:auto;overscroll-behavior:contain;padding:2px}& .brush-preset-grid button{display:grid;height:auto;min-height:88px;grid-template-rows:36px auto auto;align-content:start;min-width:0;line-height:18px;text-align:left;padding:4px 8px 8px;overflow:hidden}& .brush-preset-grid canvas{display:block;width:100%;height:36px;object-fit:contain}& .brush-preset-grid strong{font-size:13px;overflow-wrap:anywhere}& .brush-preset-grid small{font-size:12px;color:var(--ui-muted)}& .brush-preset-grid p{grid-column:1/-1;font-size:13px}& .brush-capture-link{text-align:left}& .brush-preview-note{color:var(--ui-muted);font-size:12px;line-height:1.4}& .brush-mirror-controls{display:grid;gap:10px;min-width:0;margin:0;border:0;border-top:1px solid var(--ui-border);padding:12px 0 0}& :disabled{opacity:.5;cursor:not-allowed}& .brush-mirror-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}& .brush-mirror-range{display:grid;grid-template-columns:56px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:13px}& .brush-mirror-range input{width:100%;min-width:0;accent-color:var(--ui-accent)}& .brush-mirror-range output{text-align:right;font-variant-numeric:tabular-nums}& 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}& input[type=search]{font-size:16px}& .brush-preset-grid{max-height:none;overflow:visible}& .brush-mirror-controls{border-top:0;padding-top:0}}.shell-region-error{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#e1e5ec;background:#252a33;border:1px solid #596574;font-size:12px;min-width:0}.shell-region-error span{color:#b9c4d2}.shell-region-error button{padding:5px 8px;border:1px solid #77869a;border-radius:4px;white-space:nowrap}.shell-region-error button:focus-visible{outline:2px solid #4ba7ff;outline-offset:2px}.shell-region-error button:hover{background:#364457}.shell-region-error-rail{flex-direction:column;align-items:stretch;width:136px}.shell-region-error-dialog{position:fixed;z-index:12000;left:50%;top:30%;transform:translateX(-50%);width:min(460px,calc(100vw - 32px));flex-direction:column;align-items:flex-start;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);width:min(480px,calc(100vw - 28px));border-radius:8px;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{grid-template-columns:36px minmax(0,1fr) 98px 112px;gap:8px;border-radius:4px}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);color-scheme:dark;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;background:var(--ui-bg);color:var(--ui-text);font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;letter-spacing:0;&>.spatial-aura{display:none}& :is(button,input,select,textarea){font-family:inherit}& :is(button,summary){cursor:pointer}& :is(button,select,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}& button:disabled{opacity:.36;cursor:not-allowed}& button:not(:disabled):active{filter:brightness(1.18)}& input[type=range]{accent-color:var(--ui-accent);cursor:ew-resize}& kbd{font:11px/1.3 inherit;color:var(--ui-muted)}& :is(.spatial-window,.spatial-workspace,.spatial-canvas-column){min-width:0;min-height:0;gap:0;box-shadow:none}& .spatial-window{width:100%;height:100%;max-width:none;max-height:none;display:grid;grid-template-rows:52px minmax(0,1fr) 26px;border:0;border-radius:0;background:var(--ui-bg);overflow:hidden}& .spatial-workspace{display:grid;grid-template-columns:54px auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;background:var(--ui-bg)}& .studio-titlebar.spatial-topbar{position:relative;height:52px;min-height:52px;gap:16px;padding:0 14px;border:0;border-bottom:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:none}& .studio-brand-area{gap:9px;flex-shrink:0}& .studio-app-mark{display:grid;width:26px;height:26px;place-items:center;border:1px solid #566779;border-radius:7px;background:#263445;color:#d4e7ff;font-size:16px}& .studio-product-name{display:block;color:var(--ui-text);font-size:13px;font-weight:650}& .studio-project-title{gap:3px;min-width:0}& .studio-project-title strong{color:var(--ui-text);font-size:12px;font-weight:500}& .studio-project-title span{color:var(--ui-muted);font-size:11px}& .spatial-share-actions{gap:6px;flex-shrink:0}& :is(.studio-icon-button,.studio-header-button,.studio-app-menu summary){height:30px;min-width:30px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ui-muted);font-size:12px}& :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)}& .studio-icon-button svg{width:16px;height:16px}& .studio-workspace-button{display:flex;align-items:center;gap:6px;padding:0 8px}& .studio-zoom-readout{min-width:40px;color:var(--ui-muted);font-size:11px;font-variant-numeric:tabular-nums}& .spatial-export{height:30px;padding:0 12px;gap:8px;border:1px solid #5a84b6;border-radius:5px;background:#315582;color:#f3f7ff;font-size:12px;font-weight:600;box-shadow:none}& .spatial-export svg{width:13px;height:13px}& .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}& .studio-app-menu button{min-height:34px;color:var(--ui-text);font-size:12px}& .spatial-toolbar{display:flex;flex-direction:column;padding:8px 6px;gap:8px;border:0;border-right:1px solid var(--ui-border);background:var(--ui-panel);overflow:visible}& .primary-tool-categories{display:flex;flex:1 1 auto;height:auto;flex-direction:column;align-items:center;gap:3px;min-height:0;overflow-y:auto;scrollbar-width:none}& .primary-tool-categories>button{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:40px;height:36px;min-height:36px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#aeb7c3;box-shadow:none}& .primary-tool-categories>button svg{width:19px;height:19px;stroke-width:1.6}& .primary-tool-categories>button>span{display:none}& .primary-tool-categories>button:hover{background:#30363e;color:#fff}& .primary-tool-categories>button.active{border-color:#456389;background:var(--ui-selected);color:#bcd8ff;box-shadow:none}& .primary-tool-categories>button[data-family-start=true]{margin-top:8px}& .primary-tool-categories>button>.tool-family-indicator{display:block;position:absolute;right:3px;bottom:3px;border-right:4px solid;border-top:4px solid transparent;opacity:.6}& .tool-rail-colors{display:grid;flex:0 0 auto;height:auto;gap:5px;justify-items:center;margin-top:auto;padding:10px 3px 0 0;overflow:visible;border-top:1px solid var(--ui-border)}& .tool-rail-colors input{width:31px;height:31px;padding:2px;border:1px solid #657083;border-radius:6px;background:var(--ui-field)}& .tool-rail-colors button{width:28px;height:24px;padding:3px;border:0;background:transparent;color:var(--ui-muted)}& .tool-rail-colors svg{width:14px;height:14px}& .spatial-canvas-column{display:grid;grid-template-rows:42px 34px minmax(0,1fr) auto;background:var(--ui-bg);overflow:hidden}& .spatial-canvas-column[data-assets-open=false]{grid-template-rows:42px 34px minmax(0,1fr)}& .studio-contextbar{min-height:42px;height:42px;gap:12px;padding:0 12px;border-bottom:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);overflow-x:auto;scrollbar-width:thin}& .studio-context-identity{min-width:auto;flex-shrink:0;gap:7px;padding-right:12px;border-right:1px solid var(--ui-border)}& .studio-context-identity>span{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:0;background:transparent;color:var(--ui-accent)}& .studio-context-identity strong{color:var(--ui-text);font-size:12px}& .studio-context-identity small{display:none}& .studio-context-controls{gap:12px;flex:1 0 auto}& .new-document-dialog{width:min(420px,90vw);padding:24px;color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 20px 80px #0009}& .new-document-dialog::backdrop{background:#0008}& .new-document-dialog form{display:grid;gap:16px}& .new-document-dialog footer,& .new-document-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:center}& .new-document-dialog label{display:grid;gap:6px;font-size:12px}& .new-document-dialog input{width:100%;min-width:0;padding:8px;background:var(--ui-field);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:4px}& .new-document-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}& .new-document-dialog button{padding:7px 12px;border-radius:4px;border:1px solid var(--ui-border);background:var(--ui-raised);color:var(--ui-text)}& .new-document-dialog button[type=submit]{background:var(--ui-selected);border-color:var(--ui-accent)}& .new-document-dialog p{margin:0;color:var(--ui-muted);font-size:12px}& .new-document-dialog [role=alert]{color:#ffb8a8}& .transform-context-controls>button{min-height:26px;padding:0 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ui-muted);font-size:11px;white-space:nowrap}& .transform-context-controls button.active{background:var(--ui-selected);color:#c7ddfa}& .transform-context-controls button:hover:not(:disabled){background:var(--ui-raised);color:var(--ui-text)}& .transform-context-controls button:active:not(:disabled){background:var(--ui-selected)}& .transform-context-controls button:disabled{opacity:.4;cursor:not-allowed}& .transform-context-controls button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}& :is(.context-range,.context-select){gap:6px;color:var(--ui-muted);font-size:11px}& .context-range input[type=range]{width:54px}& .context-range output{min-width:35px;color:var(--ui-text);font-size:11px;font-variant-numeric:tabular-nums}& .context-select select{max-width:150px;height:26px;padding:0 6px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-field);color:var(--ui-text);font-size:11px}& .context-font-family select{width:150px}& .studio-context-summary{min-width:80px;overflow:hidden}& .studio-context-summary span{color:var(--ui-muted);font-size:11px}& .studio-context-summary small{display:none}& .studio-context-actions{flex-shrink:0;margin-left:auto;gap:4px}& :is(.studio-context-actions,.context-segmented) button{min-height:26px;padding:0 7px;border-radius:4px;border:1px solid transparent;color:var(--ui-muted);font-size:11px;background:transparent}& :is(.studio-context-actions,.context-segmented) button.active{background:var(--ui-selected);color:#c7ddfa}& .spatial-document-tabs{display:flex;min-height:34px;height:34px;padding:0;gap:0;overflow-x:auto;border-bottom:1px solid var(--ui-border);background:#1a1d21}& .spatial-document-tabs>div{display:flex;flex:0 0 auto;max-width:260px;min-width:110px;height:34px;padding:0 4px 0 10px;border:0;border-right:1px solid var(--ui-border);border-radius:0;background:transparent}& .spatial-document-tabs>div.active{background:#30353d;box-shadow:inset 0 2px var(--ui-accent)}& .spatial-document-tabs button{color:var(--ui-muted);background:transparent;border:0;font-size:11px}& .spatial-document-tabs>div.active button{color:var(--ui-text)}& .spatial-document-tabs button:first-child{width:auto;flex:1 1 auto;min-width:0;padding:0 8px 0 0}& .spatial-document-tabs button:first-child span{font-size:11px}& .spatial-document-tabs button:last-child:not(:first-child){width:24px;padding:0}& .spatial-document-tabs button:first-child{display:flex;align-items:center;gap:8px}& .document-dirty-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#d2ae79}& .spatial-document-tabs>.document-new-button{width:34px;min-width:34px;height:34px;font-size:17px}& .spatial-canvas-stage{min-width:0;min-height:0;padding:24px;background:#141619;border:0;overflow:hidden}& .canvas-status{display:none}& :is(.dock-stack,.dock-group,.dock-floating-panel,.spatial-inspector){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}& :is(.dock-stack-left,.dock-stack-right){max-width:min(520px,36vw)}& .dock-tabbar{min-height:36px;height:36px;flex:0 0 36px;background:#25292f;border-bottom:1px solid var(--ui-border)}& .dock-tabs{overflow-x:auto;scrollbar-width:none;min-width:0}& .dock-tabs>div{min-width:max-content;flex-shrink:0;border:0}& .dock-tabs>div.active{border:0;background:var(--ui-panel);box-shadow:inset 0 2px var(--ui-accent)}& .dock-tabs button[role=tab]{min-height:35px;padding:0 9px;gap:6px;color:var(--ui-muted)}& .dock-tabs button[role=tab] strong{font-size:11px;font-weight:550}& .dock-tabs .active button[role=tab]{color:var(--ui-text)}& .dock-tabs button[role=tab] svg{width:14px;height:14px}& .dock-tab-close{width:18px;flex:0 0 18px;color:var(--ui-muted);opacity:0}& .dock-tabs>div:is(:hover,:focus-within) .dock-tab-close{opacity:1}& :is(.dock-collapse,.dock-group-menu-trigger){width:26px;min-width:26px;height:35px;padding:4px;color:var(--ui-muted)}& .dock-icon-rail{align-items:center;gap:4px;padding-top:4px}& .dock-icon-rail>button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:var(--ui-muted);cursor:pointer}& .dock-icon-rail>button:hover{background:var(--ui-field);color:var(--ui-text)}& .dock-icon-rail>button:active{background:#315274}& .dock-icon-rail>button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}& :is(.dock-group-menu,.studio-app-menu) [role=menu]{background:var(--ui-raised);border-color:var(--ui-border)}& .dock-panel-body{scrollbar-color:#515863 transparent}& :is(.spatial-inspector,.dock-floating-panel) :is(button,select,input,output,label){font-size:12px}& :is(.spatial-inspector,.dock-floating-panel) :is(small,.param-note){color:var(--ui-muted);font-size:11px;line-height:1.5}& :is(.spatial-inspector,.dock-floating-panel) .glass-card{padding:0;background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none;border-radius:0}& :is(.spatial-inspector,.dock-floating-panel) .glass-card>header{min-height:38px;padding:7px 12px;background:transparent;border-bottom:1px solid #ffffff08}& :is(.spatial-inspector,.dock-floating-panel) .glass-card>header strong{color:var(--ui-text);font-size:12px;font-weight:600}& :is(.spatial-inspector,.dock-floating-panel) .glass-card>header button{width:auto;min-width:26px;min-height:26px;font-size:12px;color:var(--ui-muted)}& :is(.spatial-inspector,.dock-floating-panel) :is(select,input[type=number],input[type=text],textarea){min-width:0;min-height:28px;padding:4px 7px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-field);color:var(--ui-text)}& .desktop-properties-body{padding:10px 12px;gap:8px}& .desktop-property-target{min-height:46px;padding:0 0 8px;border-bottom:1px solid var(--ui-border)}& .desktop-property-target strong{font-size:12px;color:var(--ui-text)}& .desktop-property-target small{font-size:11px;color:var(--ui-muted)}& :is(.desktop-property-range,.desktop-property-row,.desktop-property-switch){min-height:32px;padding:3px 0;border:0;gap:8px}& .desktop-property-range{grid-template-columns:64px minmax(0,1fr) 44px}& .desktop-property-range output{font-variant-numeric:tabular-nums;color:var(--ui-text)}& .desktop-property-row button{min-height:27px;border:1px solid var(--ui-border);border-radius:4px;background:var(--ui-raised);color:var(--ui-text)}& .desktop-property-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:6px}& .desktop-context-panel-picker{padding:0;min-height:28px}& .desktop-space-hint{min-height:40px;margin-top:0;padding:8px 0 0;gap:8px;border:0;border-top:1px solid var(--ui-border);border-radius:0;background:transparent}& .desktop-space-hint>kbd{font-size:10px}& .desktop-space-hint{width:100%;text-align:left}& .desktop-space-hint:hover strong{color:var(--ui-accent)}& .desktop-quick-controls>summary{min-height:28px;padding:4px 0;color:var(--ui-muted);font-size:12px}& .desktop-space-hint strong{font-size:11px;color:var(--ui-text)}& .desktop-space-hint small{font-size:11px}& .spatial-layer{min-height:46px;margin:0!important;padding:4px 8px;gap:8px;border:0;border-bottom:1px solid #ffffff05;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto;background:transparent}& .spatial-layer:hover{background:#2a3038}& .spatial-layer.active{background:var(--ui-selected);box-shadow:inset 2px 0 var(--ui-accent)}& .spatial-layer .layer-name strong{color:var(--ui-text);font-size:12px;font-weight:500}& .spatial-layer .layer-name small{display:block;color:var(--ui-muted);font-size:10px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}& .spatial-layer-thumb{display:grid;width:32px;height:32px;place-items:center;overflow:hidden;border:1px solid #ffffff20;border-radius:3px;background:var(--ui-field);background-image:none;color:#b3c8e1}& .spatial-layer-thumb svg{width:17px;height:17px}& .spatial-layer-thumb canvas{width:30px;height:30px;object-fit:contain}& .spatial-layer-actions button{display:grid;width:22px;min-width:22px;height:28px;place-items:center;padding:2px;color:var(--ui-muted)}& .spatial-layer-actions svg{width:14px;height:14px}& .spatial-layer-delete{opacity:0}& .spatial-layer:is(:hover,:focus-within) .spatial-layer-delete{opacity:1}& .layer-add-menu{display:flex;gap:4px;min-width:0}& .layer-add-menu>select{max-width:145px;min-width:90px;height:28px}& .layer-stack-footer{height:34px;min-height:34px;gap:6px;padding:3px 8px;background:#25292f;border-color:var(--ui-border)}& .layer-stack-footer button{width:28px;height:26px;color:var(--ui-muted);display:grid;place-items:center;padding:4px}& .layer-count{padding-left:4px;font-variant-numeric:tabular-nums;font-weight:400}& .layers-card .layer-controls{padding:8px 10px;gap:8px}& .layer-controls select{font-size:12px}& .desktop-spatial-disclosure{border-top:1px solid var(--ui-border);margin-top:2px}& .desktop-spatial-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--ui-muted);font-size:12px;list-style:none}& .desktop-spatial-disclosure>summary svg{width:15px;height:15px}& .desktop-spatial-disclosure>summary:after{content:"+";margin-left:auto}& .desktop-spatial-disclosure[open]>summary:after{content:"−"}& .desktop-spatial-panel{padding:4px 0 8px;gap:9px;border:0}& .desktop-spatial-panel header strong{font-size:12px}& .desktop-spatial-panel header small{font-size:11px}& .desktop-spatial-fields{gap:8px}& .desktop-spatial-fields label{grid-template-columns:34px minmax(0,1fr) 16px}& .desktop-spatial-fields :is(em,input){font-size:11px}& .desktop-spatial-capabilities{display:none}& .desktop-spatial-presets button{font-size:11px;min-height:26px}& .desktop-spatial-send{min-height:30px;font-size:12px}& .desktop-statusbar{height:26px;min-height:26px;padding:0 12px;gap:16px;border-top:1px solid var(--ui-border);background:#202328;color:var(--ui-muted);font-size:10px}& .desktop-statusbar kbd{font-size:10px}& .desktop-status-brand{color:#c4cbd5}& .desktop-status-local{font-size:9px;letter-spacing:.08em}& .space-deck{border:1px solid #526175;border-radius:10px;background:#252a32;backdrop-filter:none;box-shadow:0 20px 64px #0008;color:var(--ui-text);max-height:calc(100% - 24px);overflow:auto}& .space-deck-header{height:42px;min-height:42px;padding:8px 12px;background:#2e3540;border-bottom:1px solid var(--ui-border)}& .space-deck-header strong{font-size:13px}& .space-deck-header small{font-size:11px;color:var(--ui-muted)}& .space-deck-header button{width:26px;height:26px;display:grid;place-items:center}& .space-deck-header svg{width:15px;height:15px}& .space-deck-features{padding:12px;gap:8px}& .space-feature{min-height:54px;border:1px solid var(--ui-border);border-radius:5px;background:#20242b}& .space-feature :is(strong,output,select,input){font-size:12px}& .space-feature small{color:var(--ui-muted);font-size:11px}& .space-feature.active{background:var(--ui-selected);border-color:#4a6c96}& .space-deck-actions :is(strong,kbd){font-size:11px}& .space-deck-actions small,& .space-deck>footer,& .space-deck>footer kbd{font-size:10px}& .neural-compact textarea{background:var(--ui-field)!important;color:var(--ui-text)}& .type-studio{padding:12px;gap:12px}& .type-studio-grid{gap:10px}& .type-studio-grid label>span{font-size:11px;color:var(--ui-muted)}& .type-studio-tabs{gap:3px}& .type-studio-tabs button{padding:5px;font-size:11px}& .type-studio-story textarea{font-size:14px;line-height:1.5}& :is(.type-studio-note,.type-studio-empty,.type-form-actions span){font-size:11px;line-height:1.5;color:var(--ui-muted)}& :is(.spatial-modal,.tool-palette-scrim,.tool-family-scrim){background:#090b1088;backdrop-filter:blur(4px)}& :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.layer-style-dialog,.export-popover){border:1px solid #4a515e;border-radius:10px;background:#24282f;color:var(--ui-text);box-shadow:0 24px 80px #0009}& :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.export-popover) :is(button,input,select,label){font-size:12px}& :is(.spatial-modal>section,.tool-palette,.tool-family-menu,.export-popover) small{color:var(--ui-muted);font-size:11px}& .tool-family-menu{position:fixed;left:62px;top:100px;max-height:calc(100dvh - 120px);overflow:auto;width:250px}& .tool-family-menu button{min-height:34px;color:var(--ui-text)}& .tool-family-menu button.active{background:var(--ui-selected)}& .tool-palette{width:min(760px,calc(100vw - 40px))}& :is(.tool-palette>header,.tool-palette-search,.tool-palette-group,.tool-palette-group>header){background:transparent;border-color:var(--ui-border)}& .tool-palette-search input{color:var(--ui-text);font-size:15px}& .tool-palette-group button strong{font-size:12px;color:var(--ui-text)}& .tool-palette-group>div>button{border-radius:5px;background:var(--ui-panel)}& .tool-palette-group>div>button:is(:hover,.active){background:var(--ui-selected)}& .dock-floating-panel>header{height:36px;min-height:36px;background:#2b3038}& .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}& .spatial-share-actions{margin-left:auto}& .studio-context-identity strong{display:none}& .desktop-statusbar{gap:8px}& .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}& .spatial-toolbar{padding:6px 3px}& :is(.dock-stack-left,.dock-stack-right){max-width:42vw}& .studio-titlebar.spatial-topbar{gap:8px;padding:0 8px}& .studio-product-name{font-size:12px}& .studio-zoom-readout{display:none}& .spatial-canvas-stage{padding:12px}& .desktop-statusbar>span:nth-child(3){display:none}}}@media (prefers-reduced-motion:reduce){.spatial-studio[data-ui=atelier] *,.spatial-studio[data-ui=atelier] :after,.spatial-studio[data-ui=atelier] :before{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;overflow:auto;padding-left:24px}.action-playback-report li{padding:4px 0}.action-playback-report small{display:block;opacity:.75}.action-record-name{display:flex;align-items:center;gap:8px;margin:8px 12px;font-size:11px}.action-record-name input{min-width:0;width:100%;padding:4px 6px;border:1px solid var(--line,#444);border-radius:3px;background:transparent;color:inherit}.action-editor-disclosure{margin:8px 12px;font-size:11px}.action-editor-disclosure summary{cursor:pointer;padding:5px 0}.action-step-editor{display:grid;gap:8px;padding-block:8px}.action-step-editor label{display:flex;align-items:center;gap:6px;min-width:0}.action-step-editor input:not([type=checkbox]),.action-step-editor select,.action-step-editor textarea{min-width:0;width:100%;background:#202227;color:inherit;border:1px solid #474950;border-radius:3px;padding:4px}.action-step-editor textarea{box-sizing:border-box;font:11px/1.4 monospace;resize:vertical}.action-edit-buttons{display:flex;flex-wrap:wrap;gap:4px;padding:4px 12px}.action-step-editor .action-edit-buttons{padding:0}.action-condition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:4px}.action-step-editor small{color:#969aa4;line-height:1.4}.type-font-picker{display:grid;gap:8px;min-width:0}.type-spatial-grid .type-button-row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.type-font-picker label{display:grid;gap:4px;min-width:0}.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{display:grid;gap:8px;min-width:0}.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{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--ui-border,#35373a)}.type-appearance-item label{display:flex;align-items:center;gap:5px;min-width:0;font-size:11px}.type-appearance-item input[type=number]{width:65px;margin-left:auto;min-width:0}.type-appearance-item input[type=color]{width:28px;height:24px;padding:1px}.type-appearance-stack button,.type-font-picker button{min-height:26px;color:inherit;background:var(--ui-control,#292b30);border:1px solid var(--ui-border,#44464b);border-radius:3px}.type-appearance-stack button:hover,.type-font-picker button:hover{background:var(--ui-hover,#343841)}.type-appearance-stack button:disabled,.type-font-picker button:disabled{opacity:.4}.type-appearance-stack :focus-visible,.type-font-picker :focus-visible{outline:2px solid #7bafff;outline-offset:2px}.type-mesh-editor{display:grid;gap:8px;min-width:0}.type-mesh-viewport{width:100%;aspect-ratio:4/3;overflow:hidden;background:#171a20;border:1px solid #414650;border-radius:4px;touch-action:none;cursor:grab}.type-mesh-viewport:active{cursor:grabbing}.type-mesh-viewport canvas{display:block;width:100%;height:100%}.type-mesh-viewport canvas:focus-visible{outline:2px solid #7eabff;outline-offset:-3px}.type-mesh-editor p,.type-mesh-editor small{margin:0;color:var(--text-secondary,#a4aab5);font-size:11px;line-height:1.45}.type-mesh-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}[data-app-shell=luma-studio] .mask-actions button{background:#292c33!important;color:#d4d8e0!important;border:1px solid #3b4049;border-radius:4px;height:auto;min-height:28px;padding:4px 6px;line-height:1.25}[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:2px solid #6aa6ff;outline-offset:1px}[data-app-shell=luma-studio] .mask-actions button:disabled{opacity:.45;cursor:not-allowed}.project-save-error{position:fixed;z-index:10000;left:50%;bottom:40px;transform:translateX(-50%);width:min(560px,calc(100vw - 40px));padding:12px 16px;border:1px solid #bc7755;border-radius:6px;background:#30241f;color:#ffe8d8;box-shadow:0 8px 30px #0008}.project-save-error p{margin:6px 0 10px;overflow-wrap:anywhere}.project-save-error button{padding:5px 12px;border:1px solid #bc7755;border-radius:4px}.shape-tool-controls{gap:8px}.shape-picker{position:relative}.shape-picker>button{display:flex;align-items:center;gap:6px;min-width:120px}.shape-picker>button>span:first-of-type{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shape-picker-backdrop{position:fixed;inset:0;z-index:15000}.shape-picker-dialog{position:absolute;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:10px;background:#20242b;color:#e5e7eb;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 12px 36px #0008;font-size:12px}.shape-picker-dialog button{border:1px solid #ffffff26;border-radius:4px;color:inherit;background:#ffffff06;padding:5px 8px;cursor:pointer}.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]{border-color:#639ad0;background:#355c8850}.shape-picker-dialog button:focus-visible{outline:2px solid #6aa6ff;outline-offset:-2px}.shape-picker-dialog button:disabled{opacity:.4;cursor:not-allowed}.shape-picker-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.shape-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:260px;overflow-y:auto}.shape-preset-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px!important;padding:5px!important;min-width:0!important}.shape-preset-grid button span{max-width:100%;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shape-tool-controls button[aria-pressed=true]{background:#355c883d;border-color:#639ad0}.shape-picker-dialog footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.shape-picker-dialog small{display:block;white-space:normal;font-size:11px;color:#a8afb9;line-height:1.4}.studio-context-controls label.shape-number{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px}.shape-number input{width:52px;height:26px;background:#ffffff08;color:inherit;border:1px solid #ffffff26;border-radius:3px;padding:2px 4px}.shape-draw-hint{font-size:10px;white-space:nowrap;color:#9aa4b4}.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:2px solid #6aa6ff;outline-offset:2px}.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{padding:4px 8px;border:1px solid #ffffff24;border-radius:4px;white-space:nowrap}.pen-tool-controls>button[aria-pressed=true]{border-color:#639ad0;background:#355c8850}.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){display:flex;gap:5px;white-space:nowrap;font-size:11px}.pen-number input{width:58px}.pen-tool-controls :is(input,select){background:#181b20;color:#e1e5eb;border:1px solid #ffffff26;border-radius:3px;padding:3px}.pen-tool-controls :is(button,input,select):focus-visible{outline:2px solid #6aa6ff;outline-offset:2px}.pen-tool-hint{font-size:10px;color:#9ba3af;white-space:nowrap}.pen-measurement{position:absolute;transform:translate(12px,14px);display:grid;gap:3px;padding:6px 8px;border:1px solid #60d8fa66;border-radius:4px;background:#121a23ee;color:#e0f5ff;font:11px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;max-width:min(310px,90%);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{position:absolute;z-index:25;background:#23262b;color:#aeb7c4;touch-action:none;overflow:hidden}.spatial-studio,.workspace-ruler{-webkit-user-select:none;user-select:none}.spatial-studio :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}.workspace-ruler.horizontal{top:0;left:0;width:100%;height:22px;cursor:ns-resize;border-bottom:1px solid #363b43}.workspace-ruler.vertical{top:0;left:0;width:22px;height:100%;cursor:ew-resize;border-right:1px solid #363b43}.workspace-ruler line{stroke:#69727f;stroke-width:1;shape-rendering:crispEdges}.workspace-ruler text{fill:currentColor;font:9px ui-monospace,monospace}.workspace-ruler:hover{color:#e0e8f3;background:#292e35}.workspace-ruler-origin{position:absolute;top:0;left:0;width:22px;height:22px;display:grid;place-items:center;z-index:26;background:#292e35;color:#9ca9ba;font:9px ui-monospace,monospace;border-right:1px solid #363b43;border-bottom:1px solid #363b43;pointer-events:none}.workspace-guide-preview{position:absolute;z-index:24;pointer-events:none;background:#60d8fa}.workspace-guide-preview.horizontal{left:22px;right:0;height:1px}.workspace-guide-preview.vertical{top:22px;bottom:0;width:1px}.workspace-guide-preview output{position:absolute;top:4px;left:4px;color:#c6f3ff;background:#142631;padding:3px 5px;white-space:nowrap;font:10px ui-monospace,monospace}.unsaved-document-dialog.delivery-preflight-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:24px;font-size:14px;line-height:1.5}.delivery-preflight-dialog h2{margin:0 0 8px;font-size:18px;font-weight:600}.delivery-preflight-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.delivery-preflight-dialog button{min-height:32px;padding:5px 12px;border:1px solid #697386;border-radius:4px}.delivery-preflight-dialog button:hover{background:#ffffff18}.delivery-preflight-dialog button:active{background:#ffffff28}.delivery-preflight-dialog button:focus-visible{outline:2px solid #83baff;outline-offset:2px}.delivery-preflight-dialog button.delivery-preflight-confirm{background:#285b97;color:#fff}.delivery-preflight-issues{list-style:none;padding:0;margin:16px 0;max-height:52vh;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;& :is(.spatial-toolbar,.studio-contextbar,.spatial-document-tabs,.spatial-canvas>canvas){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}& .spatial-window{grid-template-rows:60px minmax(0,1fr) 26px}& .spatial-workspace{position:relative;grid-template-columns:60px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}& .spatial-canvas-column{grid-column:2;grid-row:1;grid-template-rows:52px 44px minmax(0,1fr) auto}& .spatial-canvas-column[data-assets-open=false]{grid-template-rows:52px 44px minmax(0,1fr)}& .studio-titlebar.spatial-topbar{height:60px;min-height:60px;gap:8px;padding:0 8px}& .studio-brand-area{display:none}& .studio-project-title{min-width:60px;flex:1}& .studio-project-title strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .spatial-share-actions{gap:4px}& :is(.studio-workspace-button,.studio-action-divider,.studio-zoom-readout){display:none}& :is(.studio-titlebar button,.studio-app-menu summary){min-width:44px;min-height:44px;height:44px}& .tablet-title-controls{display:flex;gap:4px}& .tablet-title-controls button{padding:0 10px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-field);font-size:12px;white-space:nowrap}& .tablet-title-controls button[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-accent)}& .spatial-toolbar{grid-column:1;grid-row:1;width:60px;min-width:60px;padding:6px;overflow-y:auto;overscroll-behavior:contain}& .primary-tool-categories{gap:6px}& .primary-tool-categories>button{width:48px;min-height:48px;height:48px}& .tool-rail-colors :is(input,button){width:44px;height:44px}& .studio-contextbar{height:52px;min-height:52px;padding:0 10px;touch-action:pan-x}& .studio-contextbar :is(button,select,input){min-height:44px}& .studio-contextbar input[type=range]{min-width:90px}& .context-range{grid-template-columns:auto 90px 42px!important;flex:0 0 auto;gap:8px!important}& .context-range output{min-width:42px}& .context-color{width:44px;height:44px;flex:0 0 44px;background:var(--ui-field)}& .context-color input{box-sizing:border-box;width:44px;height:44px;padding:4px}& .studio-context-summary{display:none}& .spatial-document-tabs{height:44px;min-height:44px}& .spatial-document-tabs>div{height:44px}& .spatial-document-tabs button{min-height:44px;min-width:44px}& .spatial-document-tabs button:last-child:not(:first-child){width:44px}& .spatial-document-tabs>.document-new-button{height:44px;width:44px}& .spatial-canvas-stage{touch-action:none;overscroll-behavior:none}& .tool-family-menu{left:68px;width:min(340px,calc(100vw - 84px));max-height:calc(100dvh - 100px);overflow-y:auto}& .tool-family-menu button{min-height:44px}& .tablet-panel{position:absolute;right:8px;top:8px;bottom:8px;z-index:80;width:min(360px,calc(100% - 76px));display:flex;flex-direction:column;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 12px 36px #0006;overflow:hidden;color:var(--ui-text)}& .tablet-panel>header{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--ui-border)}& .tablet-panel>header select{flex:1;min-width:0}& .tablet-panel>header button{min-width:44px;font-size:24px}& .tablet-panel .dock-panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px}& .tablet-panel :is(button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}& .tablet-panel :is(input,select,textarea){font-size:16px}& .tablet-panel :is(select,input,button){color:var(--ui-text);background-color:var(--ui-field)}& .tablet-panel button{touch-action:manipulation}& .tablet-panel :is(button,summary){min-width:44px;min-height:44px;flex-shrink:0;font-size:13px!important}& .tablet-panel small{font-size:11px!important;line-height:1.4}& .tablet-panel select{appearance:none;height:44px;padding:0 28px 0 10px;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-size:5px 5px;background-repeat:no-repeat}& .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}& .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}& .tablet-panel .blend-pass-topline>span{color:var(--ui-muted);font-size:11px}& .tablet-panel :is(.mask-segmented,.spatial-view-dock){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}& .tablet-panel .blend-pass>label{grid-template-columns:62px minmax(60px,1fr) 40px;font-size:12px}& .tablet-panel .glass-card>header{height:auto;min-height:44px;background:var(--ui-panel);color:var(--ui-text);flex-wrap:wrap;gap:8px}& .tablet-panel :is(strong,label,summary,output){color:var(--ui-text)}& .tablet-panel :is(small,p,.type-studio-empty,.type-studio-note,.desktop-property-target span){color:var(--ui-muted)}& .tablet-panel :is(button,select):disabled{opacity:.55}& .tablet-panel button:hover:not(:disabled){background:var(--ui-raised)}& .tablet-panel button:active:not(:disabled){background:var(--ui-selected)}& .tablet-panel button:is(.active,[aria-pressed=true]){background:var(--ui-selected);border-color:var(--ui-accent)}& .tablet-panel :is(.layer-add-menu,.layer-stack-footer,.touch-layer-toolbar){display:flex;flex-wrap:wrap;gap:4px}& .tablet-panel .layer-stack-footer{justify-content:space-between;min-height:52px;height:auto}& .tablet-panel .virtual-layer-stack{display:block;position:relative;min-height:92px;flex-shrink:0;padding:0;overflow:auto!important;contain:layout paint}& .tablet-panel .virtual-layer-spacer{position:relative;width:100%}& .tablet-panel .virtual-layer-window{position:absolute;top:0;left:0;width:100%}& .tablet-panel .virtual-layer-stack .spatial-layer{position:absolute;left:0;right:0;margin:0}& .touch-layer-toolbar{padding:8px 0}& .touch-layer-toolbar button{flex:1}& .tablet-panel .spatial-layer{grid-template-columns:34px minmax(0,1fr) auto}& .tablet-panel .spatial-layer-actions{display:flex;width:auto;opacity:1}& .tablet-panel .spatial-layer-actions button{width:44px}& .tablet-panel .layer-controls>label{grid-template-columns:58px minmax(70px,1fr) 42px}& .tablet-panel .blend-recipe-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}& .tablet-panel :is(.document-size-row,.mask-actions){flex-wrap:wrap}& .tablet-panel .document-size-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}& .tablet-panel input[type=color]{min-width:44px;width:44px}& .tablet-panel .desktop-space-hint{display:none}& .tablet-panel .desktop-property-target{display:grid;grid-template-columns:34px minmax(0,1fr) 44px;align-items:center;gap:8px}& .tablet-panel .desktop-property-target>span:nth-child(2){display:grid;min-width:0;gap:2px}& .tablet-panel .desktop-property-target :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .tablet-panel :is(.mask-card label,.mask-card label>span){font-size:12px!important}& .studio-export-popover{background:#202328}& .studio-export-popover :is(header,footer,article){background:#202328}& .tablet-panel .desktop-space-hint :is(kbd,small){display:none}& .studio-app-menu>div button{min-height:44px}& .dynamic-canvas-cursor{pointer-events:none}& :is(button,summary){touch-action:manipulation}& :is(input:not([type=range]),select,textarea){font-size:16px}& :is(select,textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio])){background:var(--ui-field)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;color-scheme:dark}& input::placeholder,& textarea::placeholder{color:var(--ui-muted);opacity:1}& 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-size:5px 5px!important;background-repeat:no-repeat!important}& input[type=range]::-webkit-slider-thumb{width:24px;height:24px}@media (max-width:850px){& .studio-project-title{display:none}& .spatial-share-actions{width:100%;justify-content:space-between}& .studio-fit-button{display:none}& .tablet-title-controls button{padding:0 6px}}@media (max-width:600px){& .tablet-title-controls button{font-size:11px}& .studio-icon-button[aria-label=Redo]{display:none}& .spatial-export{padding:0 6px;font-size:12px}}}.phone-options-hint,.phone-panel-sizing{display:none}.layer-context-menu[data-touch=true]{max-height:calc(100dvh - 24px);overflow-y:auto;width:min(320px,calc(100vw - 16px))}.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{display:flex;flex-direction:column;gap:12px}.download-confirmation p{line-height:1.5;overflow-wrap:anywhere}.download-confirmation button{min-height:44px}html:root body .spatial-studio[data-app-shell][data-ui=atelier][data-form-factor=phone]{position:fixed;left:0;right:0;top:var(--phone-viewport-top,0);height:var(--phone-viewport-height,100dvh);& .spatial-window{grid-template-rows:120px minmax(0,1fr)}& .studio-titlebar.spatial-topbar{display:flex;flex-direction:column;height:120px;min-height:120px;padding:4px 8px;gap:2px}& .phone-document-status{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:11px;line-height:18px;min-height:18px}& .phone-document-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .phone-document-status span{flex-shrink:0;color:var(--ui-muted)}& .phone-document-status [data-error=true]{color:#ffaaa3;font-weight:600}& .studio-project-title{display:none}& .spatial-share-actions{display:grid;grid-template-columns:repeat(5,44px) minmax(64px,1fr);gap:2px;width:100%}& .tablet-title-controls{order:2;grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px}& .tablet-title-controls button{font-size:14px;padding:0 6px}& .studio-phone-brand{order:-1;width:44px;height:44px;display:grid;place-items:center}& .studio-phone-brand .studio-app-mark{width:30px;height:30px;font-size:19px;font-weight:650}& .studio-phone-save{position:relative}& .studio-phone-save i{position:absolute;width:5px;height:5px;right:8px;top:8px;border-radius:50%;background:var(--ui-accent)}& .studio-phone-save[data-save-state=clean] i{display:none}& .studio-phone-save[data-save-state=error] i{background:#ff887f}& .phone-save-status{margin:4px 8px 8px;color:var(--ui-muted);font-size:14px}& .studio-icon-button[aria-label=Redo]{display:inline-flex}& .studio-fit-button{display:none}& .spatial-export{font-size:14px;padding:0 6px;gap:2px}& .spatial-export svg{display:none}& .spatial-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 60px}& .spatial-canvas-column,& .spatial-canvas-column[data-assets-open=false]{grid-column:1;grid-row:1;grid-template-rows:52px 44px minmax(0,1fr)}& .desktop-statusbar,& .layer-focus-panel{display:none}& .spatial-toolbar{grid-column:1;grid-row:2;width:100%;min-width:0;height:60px;display:flex;flex-direction:row;padding:4px;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--ui-border);border-right:0}& .primary-tool-categories{display:flex;flex-direction:row;gap:0;width:100%;min-width:308px;flex:1 0 auto}& .primary-tool-categories>button{width:44px;min-width:44px;height:50px;min-height:50px;flex:1;margin:0;display:flex;flex-direction:column;justify-content:center;gap:2px}& .primary-tool-categories>button>span{display:block;font-size:12px;line-height:14px}& .primary-tool-categories>button{padding:0}& .tool-rail-colors{display:none}& .spatial-canvas-stage{padding:8px}& .spatial-canvas{background:var(--ui-bg);border-color:var(--ui-border)}& .studio-contextbar{padding:0 8px;gap:8px}& .studio-context-identity{padding-right:8px}& .studio-context-identity strong{display:block;font-size:12px;white-space:nowrap}& .studio-context-identity .phone-options-hint{display:block;font-size:9px;line-height:13px;color:var(--ui-muted);white-space:nowrap}& .studio-context-identity{position:sticky;left:-8px;z-index:2;background:var(--ui-panel);padding:0 8px;box-shadow:5px 0 8px #0003}& .studio-contextbar[data-tool-mode=paint] .studio-context-controls>*{order:5}& .studio-contextbar[data-tool-mode=paint] [data-option=size]{order:1}& .studio-contextbar[data-tool-mode=paint] .context-color{order:2}& .studio-contextbar[data-tool-mode=paint] [data-option=opacity]{order:3}& .studio-contextbar[data-tool-mode=paint] button[aria-label="Open brush library"]{order:4}& .spatial-canvas-column:has(.spatial-document-tabs[data-single=true]){grid-template-rows:52px 0 minmax(0,1fr)}& .spatial-document-tabs[data-single=true]{visibility:hidden;min-height:0;height:0;overflow:hidden}& .spatial-document-tabs>div{min-width:100px;max-width:220px}& .tablet-panel{left:4px;right:4px;top:auto;bottom:64px;width:auto;height:52%;max-height:calc(100% - 68px);max-width:none;border-radius:12px}& .tablet-panel[data-size=compact]{height:32%;min-height:170px}& .tablet-panel[data-size=full]{height:calc(100% - 68px)}& .phone-panel-sizing{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;padding:2px 8px;border-bottom:1px solid var(--ui-border)}& .phone-panel-sizing button{min-height:44px;font-size:12px;padding:0 8px}& .phone-sheet-grip{min-width:44px;height:44px;touch-action:none;display:grid;place-items:center}& .phone-sheet-grip:after{content:"";width:28px;height:4px;border-radius:4px;background:var(--ui-muted)}& .tablet-panel .dock-panel-body{padding:8px}& .tablet-panel .type-studio-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}& .tool-family-scrim,& .tool-palette-scrim{position:fixed;inset:0;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));display:flex;align-items:flex-end;justify-content:center}& .tool-family-menu{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:440px;max-height:calc(var(--phone-viewport-height, 100dvh) - 32px);overflow-y:auto;margin:0 0 env(safe-area-inset-bottom)}& .tool-family-menu>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}& .tool-family-menu button{min-height:48px;min-width:0;white-space:normal}& .tool-family-menu :is(button,strong){font-size:14px}& .tool-family-menu>header{position:sticky;top:0;background:var(--ui-panel);z-index:1}& .tool-family-close{margin-left:auto;flex:0 0 44px}& .tool-family-menu kbd{display:none}& .tool-palette{width:100%;max-width:440px;max-height:calc(var(--phone-viewport-height, 100dvh) - 24px);border-radius:12px}& .tool-palette :is(input,button){min-height:44px}& .tool-palette-groups{overflow:auto}& .tool-palette-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}& .tool-palette-group button,& .tool-palette-group button>span{min-width:0}& .tool-palette-group strong{font-size:14px;overflow-wrap:anywhere}& .tool-palette-group kbd{display:none}& .tool-palette{outline:none}& :is(button,summary,input,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}& .studio-app-menu>div{position:fixed;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);overflow:auto}& .studio-app-menu kbd{display:none}& .studio-export-popover{position:fixed;inset:auto 8px 8px;margin:auto;width:calc(100% - 16px);max-height:calc(var(--phone-viewport-height, 100dvh) - 16px);overflow:auto}& .studio-export-popover article{grid-template-columns:repeat(2,minmax(0,1fr))}& .studio-export-popover article>.export-format-mark{display:none}& .studio-export-popover article>:is(div,p){grid-column:1/-1}& .studio-export-popover article:first-child>button{grid-column:1/-1}& .studio-export-popover :is(button,select){min-height:44px;min-width:0;font-size:14px}& .studio-export-popover select{width:100%;font-size:16px}& .studio-export-popover :is(p,small,footer span){font-size:12px}& .spatial-modal{padding:8px;max-height:var(--phone-viewport-height,100dvh);overflow:auto}& .spatial-toast{position:fixed;top:auto;bottom:calc(env(safe-area-inset-bottom) + 72px);left:12px;right:12px;width:auto;max-width:none;transform:none;background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-border);font-size:13px;line-height:1.4}& :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}& :is(.unsaved-document-dialog,.new-document-dialog) button{min-height:44px}& .desktop-canvas-hud{max-width:calc(100% - 16px)}& .brush-toolbox-navigation{position:sticky;top:0;z-index:2;background:var(--ui-panel);padding-bottom:8px;border-bottom:1px solid var(--ui-border)}& .tablet-panel>header{flex:0 0 auto}& .tablet-panel .dock-panel-body{scrollbar-gutter:stable;scroll-padding-block:12px}& .brush-tool-settings .tone-controls label{grid-template-columns:64px minmax(0,1fr) 48px;gap:8px;min-height:48px}& .brush-tool-settings .tone-controls :is(input,select){min-width:0;width:100%}& .brush-tool-settings .tone-controls output{font-size:12px;overflow-wrap:anywhere}& .brush-tool-settings .mask-segmented{display:grid;grid-template-columns:1fr;gap:6px}& .brush-tool-settings>header input[type=color]{width:44px!important;height:44px!important}&[data-soft-keyboard=true] .tablet-panel{position:fixed;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));bottom:auto;width:auto;height:calc(var(--phone-viewport-height, 100dvh) - env(safe-area-inset-top) - 8px);max-height:none;box-sizing:border-box}&[data-soft-keyboard=true] .brush-toolbox-navigation>.brush-toolbox-heading{display:none}& :is(.tablet-panel,.tool-family-menu,.tool-palette){backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-reduced-motion:reduce){& *,& :after,& :before{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (orientation:landscape) and (min-width:600px){& .brush-toolbox-navigation>.brush-toolbox-heading{display:none}& .spatial-window{grid-template-rows:72px minmax(0,1fr)}& .studio-titlebar.spatial-topbar{height:72px;min-height:72px}& .spatial-share-actions{grid-template-columns:44px minmax(0,1fr) repeat(4,44px) minmax(64px,76px)}& .tablet-title-controls{order:0;grid-column:auto;display:flex;gap:2px}& .tablet-title-controls button{padding:0 4px;font-size:12px}& .spatial-workspace{grid-template-rows:minmax(0,1fr) 54px}& .spatial-toolbar{height:54px}& .primary-tool-categories>button{height:44px;min-height:44px}& .tablet-panel,& .tablet-panel[data-size=compact],& .tablet-panel[data-size=full]{left:auto;top:4px;height:auto;min-height:0;width:min(360px,48%);bottom:58px;max-height:none}& .phone-panel-sizing{display:none}}&[data-canvas-focus=true] .spatial-window{grid-template-rows:0 minmax(0,1fr)}&[data-canvas-focus=true] .studio-titlebar{visibility:hidden;min-height:0;height:0;overflow:hidden;padding:0}&[data-canvas-focus=true] .spatial-canvas-column{grid-template-rows:0 0 minmax(0,1fr)!important}&[data-canvas-focus=true] :is(.studio-contextbar,.spatial-document-tabs){visibility:hidden;height:0;min-height:0;overflow:hidden}& .phone-focus-exit{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);z-index:100;min-height:44px;padding:0 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel);color:var(--ui-text)}}