.lab{--panel:var(--graphite);--stage:#1d1f23;--lab-h:100svh;--object-bar-h:3.6rem;height:var(--lab-h);border-top:1px solid var(--rule);background:var(--panel);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.lab__tabs.segmented{display:none}.lab>.object-bar{grid-area:1/1}.lab__edit{border-right:1px solid var(--rule);flex-direction:column;grid-area:2/1;min-width:0;min-height:0;display:flex}.lab__editor{border-bottom:1px solid var(--rule);--canvas-max-h:calc((var(--lab-h) - var(--object-bar-h)) * .35 - 4rem);flex:none;display:grid}.lab__stage{background:var(--stage);isolation:isolate;flex-direction:column;grid-area:1/2/span 2;min-width:0;min-height:0;display:flex;position:relative}.lab__stage:fullscreen{height:100vh}.lab__view3d{flex:1;grid-template-rows:1fr auto auto;min-height:0;display:grid}.lab__canvas{min-height:0;position:relative}.lab__canvas:focus-visible{outline-offset:-3px}.lab__canvas canvas{touch-action:none}.lab__loading{height:100%;color:var(--fg-muted);place-items:center;display:grid}.lab__fallback{align-content:center;justify-items:center;gap:var(--s1);height:100%;padding:var(--s2);display:grid}.lab__fallback canvas{object-fit:contain;width:min(100%,720px);height:auto;max-height:70%}.lab__toolbar{padding:.6rem var(--s1);border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;display:flex}.segmented{border:1px solid var(--rule);border-radius:var(--radius-s);margin-right:auto;display:inline-flex;overflow:hidden}.segmented button,.tool{min-height:38px;color:var(--fg-muted);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;border:0;padding:0 .85rem;font-size:.88rem}.segmented button+button{border-left:1px solid var(--rule)}.segmented button[aria-pressed=true]{background:var(--ivory);color:var(--carbon)}.tool{border-radius:var(--radius-s);border:1px solid #0000}.tool:hover,.segmented button:hover:not([aria-pressed=true]){color:var(--fg);background:#efeae00f}.tool--accent{border-color:var(--champagne-deep);color:var(--champagne)}.tool--accent:hover{color:var(--carbon);background:var(--champagne)}.tool:disabled{cursor:not-allowed;opacity:.5}.lab__hint{padding:0 var(--s1) .6rem;color:var(--ash);font-size:.8rem}.lab__toast{left:50%;top:var(--s1);color:var(--ivory);pointer-events:none;font-size:.85rem;position:absolute;transform:translate(-50%)}.lab__toast:not(:empty){border:1px solid var(--rule);border-radius:var(--radius-s);background:#16171ad9;padding:.35rem .8rem}.object-bar{min-height:var(--object-bar-h);padding:.5rem var(--s1);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.product-menu__button{border:1px solid var(--rule);border-radius:var(--radius-s);min-height:40px;color:var(--fg);cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:0 .75rem 0 .4rem;font-size:.95rem;display:inline-flex}.product-menu__button:hover,.product-menu__button[aria-expanded=true]{border-color:#efeae052}.product-menu .thumb{width:54px;color:var(--champagne);margin:0}.product-menu__caret{color:var(--fg-muted);font-size:.8rem}.menu__list.product-menu__list{z-index:10;min-width:17rem}.product-menu__item{white-space:nowrap;grid-template-columns:54px 1fr 1rem;align-items:center;gap:.6rem;min-height:44px;display:grid}.product-menu__item .thumb{color:var(--ash-light)}.product-menu__item[aria-checked=true] .thumb,.product-menu__check{color:var(--champagne)}.material-swatches{border:0;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.material-swatches__option{cursor:pointer;border:1px solid #0000;border-radius:50%;padding:3px;display:grid;position:relative}.material-swatches__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.material-swatches__option:has(input:checked){border-color:var(--champagne)}.material-swatches__option:has(input:focus-visible){outline:2px solid var(--champagne);outline-offset:2px}.shape-swatches__option{border-radius:6px}.shape-swatches__chip{width:22px;height:28px;fill:var(--fg-muted);fill-opacity:.35;stroke:var(--fg);stroke-width:.06px;stroke-linejoin:round}.shape-swatches__option:has(input:checked) .shape-swatches__chip{fill:var(--champagne);fill-opacity:.45}.material-swatches__name{color:var(--fg-muted);margin-left:.25rem;font-size:.9rem}.edit-tabs{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.edit-tabs__list{border-bottom:1px solid var(--rule);flex:none;display:flex}.edit-tabs__tab{min-height:44px;color:var(--fg-muted);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:0 .75rem;font-size:.95rem}.edit-tabs__tab:hover{color:var(--fg)}.edit-tabs__tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--champagne)}.edit-tabs__tab:focus-visible{outline:2px solid var(--champagne);outline-offset:-2px}.edit-tabs__panel{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:var(--s1) var(--s2) var(--s2);flex:1;overflow-y:auto}.edit-tabs__panel[hidden]{display:none}.edit-tabs__panel:focus-visible{outline:2px solid var(--champagne);outline-offset:-2px}.add-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.field{gap:.45rem;display:grid}.field-label{color:var(--fg-muted);margin-bottom:.45rem;padding:0;font-size:.85rem;font-weight:500;display:block}.field .field-label{margin-bottom:0}.input{background:var(--carbon);border:1px solid var(--rule);border-radius:var(--radius-s);width:100%;min-height:46px;color:var(--ivory);transition:border-color .2s var(--ease);padding:.6rem .8rem;font-size:1rem}.input:hover{border-color:#efeae04d}.input:focus-visible{outline:2px solid var(--champagne);outline-offset:1px;border-color:var(--champagne)}.input[aria-invalid=true]{border-color:#e2b36b}.input--area{resize:vertical;line-height:1.5}.input::placeholder{color:var(--ash)}.check{cursor:pointer;align-items:center;gap:.6rem;min-height:36px;font-size:.95rem;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--champagne)}.choice{border:0;min-width:0;margin:0;padding:0}.choice__options{gap:.5rem;display:grid}.choice__option{cursor:pointer;display:block;position:relative}.choice__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice__body{border:1px solid var(--rule);border-radius:var(--radius-s);transition:border-color .2s var(--ease), background-color .2s var(--ease);gap:.15rem;padding:.7rem .85rem;display:grid}.choice__option:hover .choice__body{border-color:#efeae052}.choice__option input:checked+.choice__body{border-color:var(--champagne);background:#c9ae7c14}.choice__option input:focus-visible+.choice__body{outline:2px solid var(--champagne);outline-offset:2px}.choice__label{font-size:.95rem}.choice__hint{color:var(--fg-muted);font-size:.8rem;line-height:1.4}.choice--segmented .choice__options{gap:0;display:flex}.choice--segmented .choice__option{flex:1}.choice--segmented .choice__body{text-align:center;border-radius:0;padding:.55rem .5rem}.choice--segmented .choice__option+.choice__option .choice__body{border-left:0}.choice--segmented .choice__option:first-child .choice__body{border-radius:var(--radius-s) 0 0 var(--radius-s)}.choice--segmented .choice__option:last-child .choice__body{border-radius:0 var(--radius-s) var(--radius-s) 0}.choice--segmented .choice__option input:checked+.choice__body{background:var(--ivory);color:var(--carbon);border-color:var(--ivory)}.choice--tiles .choice__options{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.thumb{width:100%;height:auto;color:var(--ash-light);margin-bottom:.3rem}.choice__option input:checked+.choice__body .thumb{color:var(--champagne)}.font-sample{font-size:1.7rem;line-height:1.1}.swatch__chip{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000040}.presets__row,.examples{flex-wrap:wrap;gap:.4rem;display:flex}.chip--quiet{text-align:left;border-radius:var(--radius-s);min-height:0;color:var(--fg-muted);padding:.45rem .7rem;font-size:.82rem;line-height:1.35}.slider__head{justify-content:space-between;align-items:baseline;display:flex}.slider__head .field-label{margin-bottom:.25rem}.slider__value{color:var(--ivory);font-variant-numeric:tabular-nums;font-size:.85rem}.slider input[type=range]{width:100%;height:28px;accent-color:var(--champagne);cursor:pointer;background:0 0;margin:0}.slider input[type=range]:disabled{opacity:.4;cursor:not-allowed}.position{border:0;gap:.4rem;margin:0;padding:0;display:grid}.undo:empty,.stack-m>.undo:empty{margin:0}.summary{border-top:1px solid var(--rule);margin:0;display:grid}.summary__row{gap:var(--s0);border-bottom:1px solid var(--rule);grid-template-columns:8.5rem 1fr;padding:.55rem 0;font-size:.9rem;display:grid}.summary dt{color:var(--fg-muted)}.summary dd{overflow-wrap:anywhere;margin:0}.quote-actions{gap:.5rem;display:grid}.quote-actions .button{width:100%}@media (width<=960px){.lab{--lab-tabs-h:calc(38px + 2px + 1rem);grid-template-rows:none;grid-template-columns:minmax(0,1fr);height:auto}.lab>.object-bar,.lab__edit,.lab__stage{grid-area:auto/1}.object-bar{height:var(--object-bar-h);padding-inline:var(--gutter);border-right:0;flex-wrap:nowrap;gap:.75rem}.product-menu{flex:0 auto;min-width:0}.product-menu__button{max-width:100%;padding-left:.25rem}.product-menu__button .thumb{flex:none;width:34px}.product-menu__name,.material-swatches__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.material-swatches{flex:0 auto;min-inline-size:0}.material-swatches__option{flex:none}.lab__tabs.segmented{margin:.5rem var(--gutter);justify-self:start;display:inline-flex}.lab[data-tab="3d"] .lab__edit,.lab[data-tab=edit] .lab__stage{display:none}.lab__edit{border-right:0}.lab__editor{--canvas-max-h:34svh;border-top:1px solid var(--rule)}.edit-tabs__panel{padding-inline:var(--gutter);overflow:visible}.lab__stage{height:max(300px, var(--lab-h) - var(--object-bar-h) - var(--lab-tabs-h) - 1px);border-top:1px solid var(--rule)}.lab__toolbar{padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.lab__toolbar>*{flex:none}.lab__hint{display:none}}@media (width<=420px){.summary__row{grid-template-columns:1fr;gap:.1rem}}.editor-toolbar{padding:.5rem var(--s1);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.editor-toolbar__group{align-items:center;gap:.15rem;display:flex}.editor-toolbar__group+.editor-toolbar__group{border-left:1px solid var(--rule);padding-left:.75rem}.editor-toolbar__status{color:#e2b36b;flex-basis:100%;font-size:.8rem}.editor-toolbar__status:empty{display:none}.tool--add{border-color:var(--rule);color:var(--fg)}.icon-button{border-radius:var(--radius-s);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid;position:relative}.icon-button:hover:not(:disabled){color:var(--fg);background:#efeae00f}.icon-button[aria-pressed=true]{color:var(--champagne)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button__tip{z-index:20;border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--carbon);color:var(--fg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s var(--ease);padding:.25rem .5rem;font-size:.78rem;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.icon-button:hover .icon-button__tip,.icon-button:focus-visible .icon-button__tip{opacity:1;transition-delay:.3s}.icon-button:focus-visible .icon-button__tip{transition-delay:0s}.icon{display:block}.menu{position:relative}.menu__list{z-index:5;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-s);min-width:10rem;padding:.25rem;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000059}.menu__item{border-radius:var(--radius-s);min-height:36px;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 .75rem;font-size:.9rem}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:#efeae014}.menu__item:disabled{opacity:.4;cursor:not-allowed}.menu__label{color:var(--fg-muted);margin:0;padding:.45rem .75rem .2rem;font-size:.75rem}.menu__list.organize-menu{z-index:10;min-width:15rem}.organize-menu__item{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.organize-menu__key{color:var(--fg-muted);font-family:inherit;font-size:.78rem}.design-canvas{padding:var(--s1);position:relative}.design-canvas__scroller{max-height:calc(var(--canvas-max-h) + 2rem);overscroll-behavior:contain;scrollbar-width:thin;overflow:auto}.design-canvas__sheet{aspect-ratio:var(--aspect);min-width:0;margin-inline:auto;position:relative}.design-canvas__bitmap,.design-canvas__overlay{border-radius:var(--radius-s);width:100%;height:100%;position:absolute;inset:0}.design-canvas__overlay{touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;overflow:visible}.design-canvas__overlay:focus-visible{outline:2px solid var(--champagne);outline-offset:2px}.design-canvas__zone{fill:none;stroke:#00000073;stroke-width:1px;stroke-dasharray:4 4}.design-canvas__hit{fill:#0000;cursor:move;touch-action:none}.design-canvas__hit.is-locked{cursor:default}.design-canvas__sel{fill:none;stroke:var(--champagne);stroke-width:1.5px;pointer-events:none}.design-canvas__handles line{stroke:var(--champagne);stroke-width:1.5px;pointer-events:none}.handle{touch-action:none}.handle__hit{fill:#0000}.handle rect,.handle circle:not(.handle__hit){fill:var(--ivory);stroke:var(--carbon);stroke-width:1.5px}.handle--rotate{cursor:grab}.design-canvas__guide{stroke:#e0569b;stroke-width:1px;pointer-events:none}.design-canvas__wrap{pointer-events:none}.design-canvas__wrap line{stroke:#0000004d;stroke-width:1px;stroke-dasharray:2 5}.design-canvas__wrap text{fill:#0000008c;font-family:var(--font-ui)}.design-canvas__wrap .design-canvas__wrap-handle{fill:#6b2f17}.design-canvas__wrap.is-dark line{stroke:#ffffff4d}.design-canvas__wrap.is-dark text{fill:#fff9}.design-canvas__wrap.is-dark .design-canvas__wrap-handle{fill:#e0926b}.design-canvas__ring{pointer-events:none}.design-canvas__ring circle{fill:none;stroke:#00000059;stroke-width:1px;stroke-dasharray:2 5}.design-canvas__ring .design-canvas__ring-off{fill:#00000029}.design-canvas__ring.is-dark circle{stroke:#ffffff59}.design-canvas__ring.is-dark .design-canvas__ring-off{fill:#00000059}.design-canvas__marquee{fill:#c9ae7c1f;stroke:var(--champagne);stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.design-canvas__missing rect{fill:#00000014;stroke:#b4532a;stroke-width:1.5px;stroke-dasharray:5 4}.design-canvas__missing text{fill:#6b2f17;font-family:var(--font-ui);pointer-events:none}.design-canvas__zoom{right:calc(var(--s1) + .25rem);bottom:calc(var(--s1) + .25rem);border:1px solid var(--rule);border-radius:var(--radius-s);background:#16171ad9;align-items:center;padding:.1rem;display:flex;position:absolute}.design-canvas__zoom .icon-button{width:30px;height:30px}.design-canvas__zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--fg-muted);font-size:.78rem}.layers{border:1px solid var(--rule);border-radius:var(--radius-s);gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.layer{background:#efeae005;align-items:center;gap:.25rem;display:flex}.layer.is-selected{box-shadow:inset 2px 0 0 var(--champagne);background:#c9ae7c1f}.layer.is-hidden .layer__name{opacity:.45}.layer__main{min-width:0;min-height:42px;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:baseline;gap:.6rem;padding:0 .75rem;display:flex}.layer__kind{letter-spacing:.06em;text-transform:uppercase;color:var(--ash-light);flex:none;font-size:.72rem}.layer__name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.layer__actions{flex:none;padding-right:.2rem;display:flex}.layer__actions .icon-button{width:32px;height:32px}.field-row{gap:var(--s0);grid-template-columns:1fr 1fr;display:grid}.num-field__box{position:relative}.input--num{font-variant-numeric:tabular-nums;padding-right:2.6rem}.num-field__unit{color:var(--ash);pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.properties__actions{gap:var(--s1);display:flex}.warnings{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.font-picker{gap:.6rem;display:grid}.font-picker .choice--segmented .choice__options{flex-wrap:wrap}.font-picker .choice--segmented .choice__body{padding:.45rem .4rem;font-size:.82rem}.font-picker .choice--tiles .choice__options{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.font-picker .choice--tiles .choice__option{min-width:0}.font-picker .choice--tiles .choice__body{grid-template-columns:minmax(0,1fr)}.font-picker .font-sample{white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;display:block;overflow:hidden}@media (width<=960px){.editor-toolbar{padding-inline:var(--gutter);scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.editor-toolbar__group{flex:none}.editor-toolbar__status{flex-basis:auto}.design-canvas{padding:var(--s0) var(--gutter) var(--s1)}.design-canvas__zoom{right:calc(var(--gutter) + .25rem)}.layer__actions .icon-button{width:40px;height:40px}}
