:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#050b12;--chrome:#07111c;--chrome-2:#0b1724;--panel:#0a1622;--panel-soft:#0e1d2b;--line:#67a0c438;--line-strong:#67a0c46b;--text:#edf7ff;--text-soft:#dcedf8c2;--text-dim:#9bb8ccad;--cyan:#1fb8ff;--cyan-bright:#67d6ff;--green:#79e65f;--amber:#ffae38;--danger:#ff6767;background:var(--ink);color:var(--text);font-family:Space Grotesk,Avenir Next,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}html,body{background:var(--ink);overflow-x:hidden}body{min-height:100svh}button,input,select,textarea,summary{font:inherit}button,summary,select,input[type=color],input[type=file]{cursor:pointer}button,input,select,textarea{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}button,summary{-webkit-tap-highlight-color:transparent}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}.studio-shell{isolation:isolate;background:radial-gradient(circle at 56% 36%,#1fb8ff1a,#0000 30%),linear-gradient(135deg,#050b12,#081523 48%,#04101a);grid-template-rows:4.125rem 4.25rem minmax(0,1fr) 4.25rem;width:100%;min-width:0;height:100svh;min-height:100svh;display:grid;position:relative;overflow:hidden}.studio-shell.has-mode-panel{grid-template-rows:4.125rem 4.25rem auto minmax(0,1fr) 4.25rem}.studio-topbar,.studio-projectbar,.studio-bottombar{background:linear-gradient(#0a1521fa,#070f18fc);align-items:center;min-width:0;display:flex;box-shadow:inset 0 1px #ffffff06}.studio-topbar{z-index:40;border-bottom:1px solid var(--line);justify-content:space-between;gap:clamp(.75rem,1.4vw,1.4rem);padding:0 clamp(.75rem,1.5vw,1.25rem);position:relative}.studio-brand{white-space:nowrap;align-items:center;gap:.8rem;min-width:13rem;display:flex}.studio-logo{width:2.5rem;height:2.5rem;color:var(--cyan);flex:none;place-items:center;display:grid;position:relative}.studio-logo:before,.studio-logo:after,.studio-logo span{content:"";border:.18rem solid;width:1.5rem;height:1.5rem;position:absolute;transform:rotate(30deg)skewY(-12deg)}.studio-logo:after{opacity:.45;width:.85rem;height:.85rem}.studio-brand strong{text-overflow:ellipsis;letter-spacing:.08em;text-transform:uppercase;min-width:0;font-size:clamp(1rem,1.35vw,1.28rem);overflow:hidden}.studio-brand>span{color:var(--cyan);font:700 1rem IBM Plex Mono,monospace}.studio-mode-tabs{border:1px solid var(--line);border-radius:.35rem;justify-content:center;min-width:0;display:flex;overflow:hidden}.studio-mode-tabs button,.outline-action,.icon-action,.profile-action,.ghost-icon{border:1px solid var(--line);min-height:2.75rem;color:var(--text-soft);letter-spacing:.045em;text-transform:uppercase;background:#070e17b8;font-size:.74rem;font-weight:700}.studio-mode-tabs button{border-width:0 1px 0 0;min-width:clamp(6rem,8vw,7.5rem);padding:0 .75rem}.studio-mode-tabs button:last-child{border-right:0}.studio-mode-tabs button span{color:var(--cyan);margin-right:.45rem}.studio-mode-tabs button:hover,.studio-mode-tabs button.is-active,.studio-bottombar button.is-active{color:#e7f9ff;box-shadow:inset 0 -2px 0 var(--cyan);background:linear-gradient(#1fb8ff33,#1fb8ff14)}.studio-actions{justify-content:flex-end;align-items:center;gap:.6rem;min-width:17rem;display:flex}.outline-action{min-width:7.75rem;color:var(--cyan-bright);border-color:#1fb8ff7a;border-radius:.3rem;padding:0 .9rem}.outline-action:hover,.primary-button:hover,.export-action:hover{filter:brightness(1.12)}.top-popover,.project-popover{position:relative}.icon-action,.profile-action{place-items:center;display:grid}.icon-action{background:0 0;border-color:#0000;width:2.75rem;font-size:1rem}.profile-action{color:#fff;background:#6b7d9373;border:0;border-radius:999px;width:3.75rem}.top-popover__panel,.project-popover__panel{z-index:80;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111bfa;border-radius:.55rem;width:min(21rem,100vw - 1.5rem);padding:1rem;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 1.5rem 4rem #0000007a}.top-popover__panel{color:var(--text-soft);gap:.55rem;font-size:.78rem;display:grid}.top-popover__panel strong{color:var(--text);text-transform:uppercase}.top-popover__panel button{min-height:2.75rem;color:var(--cyan-bright);background:#1fb8ff1a;border:1px solid #1fb8ff66;border-radius:.3rem}.studio-projectbar{z-index:30;border-bottom:1px solid var(--line);gap:clamp(.75rem,1.3vw,1.25rem);padding:0 clamp(.75rem,1.5vw,1.25rem);position:relative}.studio-projectbar>label{border-right:1px solid var(--line);flex:0 12rem;gap:.08rem;min-width:0;padding-right:1rem;display:grid}.studio-projectbar>label.project-field{flex-basis:15rem}.studio-projectbar label span,.project-popover__panel label span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem}.studio-projectbar input,.studio-projectbar select{width:100%;min-width:0;min-height:2.75rem;color:var(--text);background:0 0;border:0;border-radius:0;padding:0;font-weight:700}.project-popover>summary{border:1px solid var(--line);min-height:2.75rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;border-radius:.3rem;align-content:center;gap:.05rem;padding:0 .8rem;font-size:.62rem;display:grid}.project-popover>summary b{color:var(--cyan-bright);font-size:.7rem}.project-popover[open]>summary{background:#1fb8ff14;border-color:#1fb8ff8c}.dimension-editor,.brand-controls{gap:.75rem;display:grid}.dimension-editor{grid-template-columns:1fr 1fr}.dimension-editor label,.brand-controls label{gap:.35rem;min-width:0;display:grid}.dimension-editor input,.brand-controls input{border:1px solid var(--line);background:#06101a;border-radius:.35rem;min-height:2.75rem;padding:.55rem .7rem}.dimension-editor p{color:var(--text-dim);grid-column:1/-1;margin:0;font-size:.75rem}.brand-controls{grid-template-columns:minmax(0,1fr) 4rem 4rem}.brand-name-field,.logo-upload{grid-column:1/-1}.brand-controls input[type=color]{width:100%;padding:.2rem}.logo-upload{position:relative}.logo-upload input[type=file]{opacity:0;position:absolute;inset:1rem 0 0}.logo-upload b{min-height:2.75rem;color:var(--cyan-bright);text-transform:uppercase;border:1px dashed #1fb8ff73;border-radius:.35rem;place-items:center;font-size:.74rem;display:grid}.autosave-status{min-width:7rem;color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:.7rem}.autosave-status span{color:var(--green);margin-right:.3rem}.project-tool-actions{gap:.35rem;display:flex}.ghost-icon{border-radius:.3rem;width:2.75rem;min-height:2.75rem;font-size:1rem}.studio-mode-panel{background:linear-gradient(90deg,#1fb8ff1f,#07111bfa 45%);border-bottom:1px solid #1fb8ff3d;align-items:center;gap:.65rem;min-width:0;padding:.55rem 1rem;display:flex}.studio-mode-panel>div{gap:.1rem;min-width:0;margin-right:auto;display:grid}.studio-mode-panel strong{color:var(--cyan-bright);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.studio-mode-panel span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.studio-mode-panel button{min-height:2.35rem;color:var(--cyan-bright);text-transform:uppercase;background:#1fb8ff14;border:1px solid #1fb8ff61;border-radius:.3rem;padding:0 .8rem;font-size:.7rem;font-weight:700}.studio-workspace{grid-template-columns:minmax(18rem,21.25rem) minmax(30rem,1fr) minmax(17rem,18rem);grid-template-areas:"library canvas inspector";min-width:0;min-height:0;display:grid}.studio-workspace.is-library-collapsed{grid-template-columns:3.75rem minmax(30rem,1fr) minmax(17rem,18rem)}.component-dock,.inspector-dock{scrollbar-width:thin;scrollbar-color:#1fb8ff47 transparent;background:linear-gradient(#0a1622fc,#060f18fc);min-width:0;min-height:0;overflow:auto}.component-dock{border-right:1px solid var(--line);grid-area:library;padding:1rem}.component-dock.is-collapsed{padding:.75rem .45rem;overflow:hidden}.component-dock.is-collapsed .dock-header{justify-content:center}.component-dock.is-collapsed .dock-header>div{display:none}.inspector-dock{border-left:1px solid var(--line);grid-area:inspector}.dock-header,.inspector-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dock-header h2,.inspector-title-row h2,.inspector-section h3{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.78rem}.dock-header span{color:var(--text-dim);font-size:.68rem}.dock-header button,.inspector-title-row button,.mini-actions button{border:1px solid var(--line);width:2.75rem;min-height:2.75rem;color:var(--text-soft);background:#0d1d2ce6;border-radius:.3rem;flex:none}.component-search{border:1px solid var(--line);background:#07101ae6;border-radius:.35rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;margin:1rem 0 .75rem;padding:0 .55rem;display:grid}.component-search input{min-width:0;color:var(--text);background:0 0;border:0}.component-search button{width:2.75rem;min-height:2.75rem;color:var(--text-soft);background:#132637cc;border:0;border-radius:.25rem}.component-filters{scrollbar-width:thin;gap:.4rem;margin-bottom:.85rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.component-filters button{min-width:4.25rem;min-height:3rem;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:.35rem;place-items:center;gap:.1rem;padding:.25rem .45rem;font-size:.62rem;display:grid}.component-filters button span{font-size:.95rem}.component-filters button.is-active{color:var(--cyan-bright);background:#1fb8ff1f;border-color:#1fb8ff47}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.component-card{border:1px solid var(--line);background:radial-gradient(circle at 50% 22%, var(--item-bg), transparent 58%), linear-gradient(180deg, #10202ff0, #071019fc);min-width:0;min-height:8.75rem;color:var(--text);text-align:left;border-radius:.35rem;align-content:end;justify-items:start;gap:.15rem;padding:.7rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.component-card:hover{border-color:var(--item-border);box-shadow:0 0 1.8rem var(--item-shadow);transform:translateY(-2px)}.component-card__visual{filter:drop-shadow(0 1rem .8rem #0000006b);place-items:center;width:5.25rem;height:4rem;display:grid;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.component-card strong,.component-card small{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.component-card strong{color:#cdecff;text-transform:uppercase;font-size:.7rem}.component-card small{color:var(--text-soft);font-size:.66rem}.component-card__add{color:var(--amber);text-transform:uppercase;font-size:.6rem;font-weight:700;position:absolute;top:.45rem;right:.45rem}.drop-zone,.empty-library{width:100%;min-height:4.5rem;color:var(--text-soft);text-align:center;background:#070f18bf;border:1px dashed #779eb861;border-radius:.35rem;place-items:center;gap:.1rem;margin-top:1rem;padding:.7rem;display:grid}.empty-library{grid-column:1/-1;margin-top:0}.drop-zone strong{text-transform:uppercase;font-size:.75rem}.drop-zone small{color:var(--text-dim)}.canvas-shell{background:linear-gradient(#1fb8ff0b 1px,#0000 1px) 0 0/1.75rem 1.75rem,linear-gradient(90deg,#1fb8ff0b 1px,#0000 1px) 0 0/1.75rem 1.75rem,radial-gradient(circle at 50% 32%,#1fb8ff1a,#0000 42%),#07111b;grid-area:canvas;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-scroll{min-width:0;position:absolute;inset:1.85rem 0 0;overflow:hidden}.three-booth-scene,.three-booth-scene__host{position:absolute;inset:0}.three-booth-scene{z-index:1}.three-scene-loading,.ar-loading-panel{color:var(--cyan-bright);letter-spacing:.08em;text-align:center;text-transform:uppercase;place-items:center;font-size:.78rem;font-weight:800;display:grid}.three-scene-loading{z-index:1;background:radial-gradient(circle,#1fb8ff14,#0000 45%);position:absolute;inset:0}.ar-loading-panel{border:1px solid var(--line-strong);background:#07111bfa;border-radius:.75rem;width:min(24rem,100vw - 2rem);min-height:10rem;padding:1.5rem;box-shadow:0 1.5rem 4rem #0000007a}.three-booth-scene canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.three-booth-scene.is-dragging-object canvas{cursor:grabbing}.render-stack-probe-canvas{opacity:.01;bottom:0;right:0;pointer-events:none!important;width:2px!important;height:2px!important;position:absolute!important}.canvas-ruler{z-index:4;color:#e7f3fbd6;pointer-events:none;font:.68rem IBM Plex Mono,monospace;position:absolute}.canvas-ruler--top{border-top:1px solid #c9e1ef7a;height:1rem;top:1.5rem;left:2.15rem;right:.85rem}.canvas-ruler--left{border-left:1px solid #c9e1ef7a;width:1rem;top:2.1rem;bottom:1.5rem;left:1.75rem}.canvas-ruler span{position:absolute;transform:translate(-50%,-1.35rem)}.canvas-ruler--left span{transform:translate(.55rem,-50%)}.canvas-floating-meta,.occupancy-card,.dimension-callout{z-index:6;pointer-events:none;background:#07101bdb;border:1px solid #1fb8ff4d;border-radius:.35rem;position:absolute;box-shadow:0 1rem 2.2rem #00000052}.canvas-floating-meta{padding:.6rem .75rem;display:flex;top:1.35rem;left:2.9rem}.canvas-floating-meta div{gap:.1rem;display:grid}.canvas-floating-meta div+div{display:none}.canvas-floating-meta strong{color:var(--cyan-bright)}.canvas-floating-meta span,.occupancy-card span{color:var(--text-soft);text-transform:uppercase;font-size:.62rem}.occupancy-card{gap:.15rem;padding:.75rem 1rem .75rem 3rem;display:grid;top:1.45rem;right:1rem}.occupancy-card:before{content:"";border:.22rem solid var(--green);border-right-color:#79e65f2e;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)rotate(-20deg)}.occupancy-card strong{font-size:1.05rem}.occupancy-card em{color:var(--green);font-size:.68rem;font-style:normal}.dimension-callout{color:var(--cyan-bright);padding:.2rem .45rem;font:700 .7rem IBM Plex Mono,monospace}.dimension-callout--right{top:47%;right:4.5rem}.dimension-callout--bottom{bottom:5.5rem;right:10rem}.three-scene-caption{display:none}.three-booth-fallback{z-index:8;color:var(--text-soft);text-align:center;background:#07101bf0;border:1px solid #1fb8ff4d;border-radius:.75rem;align-content:center;place-items:center;gap:.75rem;padding:1.5rem;display:grid;position:absolute;inset:20% 14%}.three-booth-fallback strong{color:var(--text);font-size:1.15rem}.inspector-section{border-bottom:1px solid var(--line);padding:1rem}.inspector-title-row h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-window{border:1px solid var(--line);background:linear-gradient(#0c1926d6,#050d16f0);border-radius:.35rem;place-items:center;min-height:7rem;margin:.85rem 0 .5rem;display:grid;overflow:hidden}.preview-window span{color:var(--text-dim);text-align:center;padding:1rem}.mini-actions{justify-content:flex-end;gap:.45rem;margin-bottom:.75rem;display:flex}.inspector-field,.size-row label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;gap:.35rem;font-size:.62rem;display:grid}.inspector-field input,.size-row input,.rotation-control input{border:1px solid var(--line);min-width:0;min-height:2.75rem;color:var(--text);background:#060e17e6;border-radius:.3rem;padding:0 .55rem}.size-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0;display:grid}.rotation-control{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.4rem;display:grid}.rotation-control button{border:1px solid var(--line);min-height:2.75rem;color:var(--cyan-bright);background:#0d1d2ce6;border-radius:.3rem}.metric-list{gap:.75rem;margin:.85rem 0 0;display:grid}.metric-list div{justify-content:space-between;gap:.75rem;min-width:0;display:flex}.metric-list dt{color:var(--text-dim);text-transform:uppercase;font-size:.62rem}.metric-list dd{color:var(--text);text-align:right;margin:0;font-size:.75rem;font-weight:700}.metric-list dd.good{color:var(--green)}.stack-actions{gap:.45rem;margin-top:.75rem;display:grid}.stack-actions button,.handoff-actions button{border:1px solid var(--line);min-height:2.75rem;color:var(--text-soft);text-transform:uppercase;background:#060e17e0;border-radius:.3rem;font-size:.68rem;font-weight:800}.stack-actions .danger-line{color:var(--danger);border-color:#ff676773}.mobile-handoff p{color:var(--text-dim);font-size:.72rem;line-height:1.45}.handoff-actions{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.handoff-actions button{color:var(--amber);border-color:#ffae3880}.studio-bottombar{z-index:35;border-top:1px solid var(--line);gap:.4rem;padding:.5rem .75rem;position:relative}.studio-bottombar button{border:1px solid var(--line);min-width:4.75rem;min-height:3.1rem;color:var(--text-soft);text-transform:uppercase;background:#07101af0;border-radius:.3rem;place-items:center;font-size:.72rem;font-weight:800;display:grid}.studio-bottombar button span,.zoom-control span{color:var(--text-dim);font-size:.57rem}.view-tool-group{gap:.35rem;margin-left:.75rem;display:flex}.view-tool-group button{min-width:3.2rem;color:var(--text-soft);font-size:1rem}.zoom-control{grid-template-columns:auto minmax(5rem,1fr) auto;align-items:center;gap:.6rem;min-width:12rem;margin-left:auto;display:grid}.zoom-control input{width:100%;min-height:auto;accent-color:var(--cyan)}.fullscreen-action{min-width:3rem!important;font-size:1.1rem!important}.export-action{margin-left:.75rem;background:linear-gradient(135deg, #ffc45c, var(--amber))!important;color:#08111a!important;border-color:#0000!important;min-width:clamp(9rem,15vw,14rem)!important;font-size:.82rem!important}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#01060bd1;place-items:center;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:fixed;inset:0;overflow:auto}.modal-panel{border:1px solid var(--line-strong);background:linear-gradient(#0b1927,#06101a);border-radius:.8rem;width:min(74rem,100%);max-height:calc(100svh - 2rem);overflow:auto;box-shadow:0 2rem 7rem #000000ad}.modal-panel__header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08131ef5;justify-content:space-between;gap:1rem;padding:1.2rem;display:flex;position:sticky;top:0}.modal-panel__header h2,.modal-card h3{margin:0}.eyebrow{color:var(--cyan-bright);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .25rem;font:600 .66rem IBM Plex Mono,monospace}.panel-copy{max-width:48rem;color:var(--text-soft);margin:.45rem 0 0;font-size:.83rem;line-height:1.55}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem;display:grid}.modal-card{border:1px solid var(--line);background:#09141fd1;border-radius:.55rem;min-width:0;padding:1rem}.section-heading,.modal-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.support-badge{color:var(--amber);border:1px solid #ffae3866;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.64rem}.support-badge--ready{color:var(--green);border-color:#79e65f73}.support-list{color:var(--text-soft);gap:.45rem;padding-left:1.1rem;font-size:.78rem;line-height:1.45;display:grid}.modal-card textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:6.5rem;color:var(--text-soft);background:#06101a;border-radius:.4rem;margin:.8rem 0;padding:.75rem}.modal-actions{flex-wrap:wrap;justify-content:flex-start}.primary-button,.ghost-button{min-height:2.75rem;color:var(--cyan-bright);background:#1fb8ff1f;border:1px solid #1fb8ff73;border-radius:.35rem;padding:0 1rem;font-weight:700}.primary-button{color:#02101a;background:linear-gradient(135deg,#0e91d2,#1fb8ff)}.camera-preview-shell{border:1px solid var(--line);background:#030a10;border-radius:.45rem;min-height:16rem;margin:.8rem 0;position:relative;overflow:hidden}.camera-preview__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-preview__overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.camera-stage{transform-origin:50%;border:2px solid var(--cyan-bright);background:#1fb8ff14;width:min(86%,32rem);max-height:82%;position:relative;transform:perspective(50rem)rotateX(54deg)rotate(-12deg)scale(.48)}.camera-stage__item{color:#fff;text-align:center;border:1px solid;place-items:center;font-size:.55rem;display:grid;position:absolute;overflow:hidden}.camera-preview__empty{min-height:16rem;color:var(--text-dim);text-align:center;place-items:center;padding:2rem;display:grid}.ar-launcher-zone{gap:.75rem;margin-top:1rem;display:grid}.ar-render-surface{z-index:400;position:fixed;inset:0}.error-copy{color:#ff9b9b;font-size:.78rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=74rem){.studio-shell,.studio-shell.has-mode-panel{grid-template-rows:auto auto auto auto auto;height:auto;min-height:100svh;overflow:visible}.studio-shell:not(.has-mode-panel){grid-template-rows:auto auto auto auto}.studio-topbar{grid-template-columns:minmax(0,1fr) auto;padding-block:.7rem;display:grid}.studio-mode-tabs{grid-area:2/1/auto/-1;width:100%}.studio-mode-tabs button{flex:1}.studio-actions{min-width:0}.studio-projectbar{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:.7rem;display:grid}.studio-projectbar>label,.studio-projectbar>label.project-field{border-right:0;width:100%;padding-right:0}.autosave-status{margin-left:0}.studio-workspace,.studio-workspace.is-library-collapsed{grid-template-columns:minmax(0,1fr) minmax(17rem,.7fr);grid-template-areas:"canvas canvas""library inspector"}.component-dock.is-collapsed{min-height:4rem}.canvas-shell{min-height:42rem}.component-dock,.inspector-dock{border-top:1px solid var(--line);max-height:45rem}.studio-bottombar{flex-wrap:wrap}.zoom-control{flex:14rem;margin-left:0}}@media (width<=48rem){.studio-topbar{grid-template-columns:1fr;gap:.65rem}.studio-brand{min-width:0}.studio-actions{grid-row:3;grid-template-columns:1fr 1fr auto auto;width:100%;display:grid}.outline-action{min-width:0}.studio-projectbar{grid-template-columns:1fr 1fr}.project-field,.autosave-status{grid-column:1/-1}.project-tool-actions{justify-content:flex-end}.project-popover{position:static}.project-popover__panel{width:100%;margin-bottom:.5rem;position:relative;top:.4rem}.studio-mode-panel{flex-wrap:wrap;align-items:stretch}.studio-mode-panel>div{flex:100%}.studio-mode-panel span{white-space:normal}.studio-workspace,.studio-workspace.is-library-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""library""inspector"}.canvas-shell{min-height:clamp(31rem,76svh,40rem)}.component-dock,.inspector-dock{border-left:0;border-right:0;width:100%;max-height:none}.component-dock.is-collapsed{padding:.65rem 1rem}.component-dock.is-collapsed .dock-header{justify-content:flex-end}.canvas-ruler,.dimension-callout{display:none}.canvas-scroll{inset:0}.canvas-floating-meta{top:.75rem;left:.75rem}.occupancy-card{top:.75rem;right:.75rem}.studio-bottombar{padding-bottom:max(.5rem, env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.studio-bottombar button{min-width:0}.view-tool-group{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0;display:grid}.zoom-control{grid-column:1/-1;min-width:0}.export-action{grid-column:span 2;margin-left:0;min-width:0!important}.modal-backdrop{align-items:stretch;padding:.5rem}.modal-panel{max-height:calc(100svh - 1rem)}.modal-panel__header{align-items:flex-start}.modal-grid{grid-template-columns:1fr}}@media (width<=30rem){.studio-brand strong{font-size:.95rem}.studio-mode-tabs{grid-template-columns:1fr 1fr;display:grid}.studio-mode-tabs button{border-bottom:1px solid var(--line);min-width:0}.studio-actions{grid-template-columns:1fr 1fr}.top-popover{display:none}.studio-projectbar{grid-template-columns:1fr}.studio-projectbar>*{grid-column:1!important}.project-tool-actions{grid-template-columns:repeat(3,1fr);display:grid}.ghost-icon{width:100%}.component-dock{padding:.75rem}.component-grid{gap:.45rem}.component-card{min-height:8.2rem;padding:.55rem}.component-card__visual{transform:translate(-50%)scale(.88)}.canvas-shell{min-height:30rem}.canvas-floating-meta span,.occupancy-card span{font-size:.55rem}.occupancy-card{padding-left:2.6rem}.occupancy-card:before{width:1.4rem;height:1.4rem;left:.7rem}.size-row,.handoff-actions,.modal-actions{grid-template-columns:1fr}.modal-panel__header{flex-direction:column}.modal-panel__header .ghost-button,.modal-actions button{width:100%}}