@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/configurator/assets/DMMono-Medium.latin-Cb8RDiXv.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/configurator/assets/DMSans-Regular.latin-vhwS3jzD.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(14.9% .015 284.4);--foreground:#fff;--muted:#ffffff26;--muted-foreground:#fffc;--card:oklch(17.3% .015 284.4);--card-foreground:#fff;--popover:oklch(29.7% .015 284.4);--popover-foreground:#fff;--surface:oklch(29.7% .015 284.4);--surface-raised:oklch(37.9% .015 284.4);--glass:oklch(27.7% .015 284.4/.8);--input:oklch(32.5% .015 284.4);--border:#fff3;--border-strong:#fff6;--primary:#fff;--primary-foreground:oklch(14.9% .015 284.4);--secondary:#ffffff4d;--secondary-foreground:#fff;--accent:#6eecf7;--accent-foreground:oklch(14.9% .015 284.4);--destructive:#ff6b6b;--ring:#6eecf7;--duration-entrance:1s;--stagger:.12s;--duration-hover:.4s;--duration-press:.2s;--duration-travel:.5s;--ease-soft:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-emphasized:linear(0, .016 4.4%, .058 8.1%, .12 11.1%, .193 13.3%, .273 15%, .356 16.2%, .513 17.9%, .596 19.2%, .669 20.8%, .738 23.3%, .804 27%, .865 32.6%, .919 41.3%, .963 55%, .993 76.5%, 1);--radius-sm:5px;--radius-md:10px;--radius-lg:20px;--radius-full:calc(infinity * 1px);--font-mono:"DM Mono", ui-monospace, monospace;--font-heading:var(--font-mono);--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--touch-min:1.5rem}@media (pointer:coarse){:root{--touch-min:2.75rem}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-synthesis:none;margin:0;font-weight:400}.type-h2,.type-h3,.type-h4{font-family:var(--font-heading);text-transform:uppercase;text-box:trim-both cap alphabetic;font-weight:700;line-height:1.15}.type-h2{letter-spacing:.05em;font-size:clamp(1.5rem,1.347rem + .653vw,2rem)}.type-h3{letter-spacing:.05em;font-size:clamp(1.25rem,1.1735rem + .3265vw,1.5rem)}.type-h4{letter-spacing:0;font-size:1.25rem}.type-subtitle{font-family:var(--font-sans);letter-spacing:0;text-transform:none;text-box:trim-both cap alphabetic;font-size:1rem;font-weight:400;line-height:1}.type-body{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:.8125rem;font-weight:400;line-height:1.7}.type-body-sm{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:400;line-height:1.6}.type-label{font-family:var(--font-sans);letter-spacing:0;text-transform:none;text-box:trim-both cap alphabetic;font-size:.8125rem;font-weight:400;line-height:1.25rem}.type-caption{font-family:var(--font-sans);letter-spacing:0;text-transform:none;text-box:trim-both cap alphabetic;font-size:.6875rem;font-weight:400;line-height:1}@media (width>=48rem){.type-body{font-size:.75rem}.type-label{font-size:.75rem;line-height:1.5}.type-caption{font-size:.625rem}}.touch-target{position:relative}.touch-target:after{content:"";width:max(100%, var(--touch-min));height:max(100%, var(--touch-min));position:absolute;top:50%;left:50%;translate:-50% -50%}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.placeholder{padding:2rem}:root{--stage-media-dark:var(--card);--stage-panel-rear:var(--surface-raised);--stage-seam:var(--background)}#app{container-type:inline-size}button,input,select{font:inherit;color:inherit}:is(button,select,.btn,h1,h2,h3,.site-links a,.site-wordmark,.specs-title):not(.variant-row),:is(button,select,.btn,h1,h2,h3,.site-links a,.site-wordmark,.specs-title):not(.variant-row)[class]{font-family:var(--font-mono);text-transform:uppercase;font-weight:500}button [class],.btn [class]{text-transform:inherit;font-family:inherit}.type-caption:not(:is(button,select,.btn,h1,h2,h3,.specs-title),:is(button,.btn) *){font-size:.75rem}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:2.1875rem;transition:scale var(--duration-press) var(--ease-soft), background-color var(--duration-hover) var(--ease-soft);background:0 0;border:1px solid #0000;align-items:center;gap:.625rem;padding:1px .75rem 0;display:inline-flex}.btn:active:not(:disabled){scale:.98}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-outline{border-color:var(--foreground)}.btn-outline.btn-solid{border-color:var(--border-strong)}.btn-ghost{color:#ffffffe6}a.btn{color:inherit;text-decoration:none}a.btn-primary{color:var(--primary-foreground)}.btn-solid{background:var(--card)}@media (hover:hover){.btn-primary:hover:not(:disabled){background:#ffffffd9}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#ffffff1a}.btn-solid:hover:not(:disabled){background:color-mix(in srgb, var(--foreground) 10%, var(--card))}}.loader{box-sizing:border-box;border:2px solid var(--border);border-top-color:var(--foreground);width:1.5rem;height:1.5rem;animation:loader-spin var(--duration-entrance) linear infinite;border-radius:50%;flex:none}.btn .loader{border-width:1.5px;width:.75rem;height:.75rem}@keyframes loader-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.loader{background:radial-gradient(circle, var(--muted-foreground) 0 .1875rem, transparent 0);border:0;animation:none}}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-btn{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--foreground);background:#ffffff1a}.chip{border-radius:var(--radius-full);border:1px solid var(--border-strong);cursor:pointer;background:0 0;align-items:center;gap:.375rem;height:1.8125rem;padding:1px .875rem 0 .625rem;display:inline-flex}.chip:before{content:"";border:1px solid;border-radius:50%;width:.5625rem;height:.5625rem}.chip[aria-pressed=true]{border-color:var(--foreground);background:var(--secondary)}.chip[aria-pressed=true]:before{background:currentColor}.shell{border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:21.25rem minmax(0,1fr);gap:.9375rem;height:clamp(35rem,48cqw,47.5rem);padding:.9375rem;display:grid}.left{flex-direction:column;gap:1.375rem;min-height:0;display:flex}.shapes{grid-template-columns:repeat(5,1fr);gap:.3125rem;display:grid;position:relative}.shape{border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .125rem .375rem;display:flex}.shape[aria-pressed=true]{border-color:var(--border-strong);background:var(--secondary);color:var(--foreground)}.shape[aria-disabled=true]{opacity:.35;cursor:not-allowed}.shape-tip,[data-tip]:before{z-index:5;border-radius:var(--radius-sm);background:var(--foreground);color:var(--background);white-space:nowrap;pointer-events:none;padding:.375rem .625rem;position:absolute}[data-tip]:before{bottom:calc(100% + .5rem);left:var(--tip-left,50%);translate:var(--tip-shift,-50%) 0;font:400 .75rem/1 var(--font-sans);letter-spacing:0;text-transform:none;transition:opacity var(--duration-press) var(--ease-emphasized), translate var(--duration-press) var(--ease-emphasized)}@starting-style{[data-tip]:before{opacity:0;translate:var(--tip-shift,-50%) .25rem}}[data-tip]:focus-visible:before{content:attr(data-tip) / ""}@media (hover:hover){[data-tip]:hover:before{content:attr(data-tip) / ""}}.tray-controls{--tip-left:0;--tip-shift:0%}.shape-tip{opacity:0;transition:opacity var(--duration-hover) var(--ease-soft), translate var(--duration-hover) var(--ease-soft);top:calc(100% + .375rem);right:0;translate:0 -.25rem}:is(.shape-tip[data-shown],.shapes:has([aria-describedby=shape-tip]:focus-visible) .shape-tip){opacity:1;translate:0}@media (hover:hover){.shapes:has([aria-describedby=shape-tip]:hover) .shape-tip{opacity:1;translate:0}}.shape-icon{fill:none;stroke:currentColor;stroke-width:1.4px;width:2.125rem;height:1.375rem}.sliders{flex-direction:column;gap:.875rem;display:flex}.slider-top{align-items:center;gap:.5rem;display:flex}.slider-label{flex:1}.slider-readout{box-sizing:content-box;font-variant-numeric:tabular-nums;width:calc(var(--chars) * 1ch + 1px);border-radius:var(--radius-sm);background:var(--input);text-align:right;transition:background-color var(--duration-hover) var(--ease-soft), width var(--duration-press) var(--ease-emphasized);border:0;padding:.125rem .375rem;font-size:.9375rem}.slider-readout:focus{transition:background-color var(--duration-hover) var(--ease-soft)}@media (hover:hover){.slider-readout:hover{background:var(--surface-raised)}}.slider-unit{background:0 0;border:0;padding:.125rem 0}select.slider-unit{cursor:pointer}select.slider-unit option{background:var(--surface-raised)}@property --value{syntax:"<number>";inherits:true;initial-value:0}@property --limit{syntax:"<number>";inherits:true;initial-value:1}.slider-track{--fill-x:calc(var(--floor) + (100% - var(--floor)) * var(--value));--limit-x:calc(var(--floor) + (100% - var(--floor)) * var(--limit));border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--foreground) 0 var(--fill-x), var(--surface-raised) var(--fill-x) var(--limit-x), transparent var(--limit-x)), repeating-linear-gradient(-45deg, var(--surface-raised) 0 1px, transparent 1px 5px);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:1.5rem;transition:--value var(--duration-press) var(--ease-emphasized), --limit var(--duration-hover) var(--ease-soft);margin-top:.375rem;position:relative}.slider-track[data-dragging]{transition-property:--limit}.slider-track:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.slider-input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider-handle{top:50%;left:max(var(--fill-x), .5rem);border-radius:var(--radius-full);background:var(--background);pointer-events:none;width:2px;height:.625rem;transition:width var(--duration-hover) var(--ease-soft), height var(--duration-hover) var(--ease-soft);position:absolute;translate:calc(-100% - .3125rem) -50%}.slider-track[data-dragging] .slider-handle{width:.25rem;height:.875rem}@media (hover:hover){.slider-track:hover .slider-handle{width:.25rem;height:.875rem}}.cap-note{color:var(--accent);margin:0}.plist{border-radius:var(--radius-md);background:var(--card);flex-direction:column;flex:1;min-height:0;padding:.625rem;display:flex}.plist-top{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.search{border-radius:var(--radius-sm);background:var(--muted);height:2.0625rem;color:var(--muted-foreground);flex:1;align-items:center;gap:.5rem;padding:0 .625rem;display:flex}.search input{min-width:0;color:var(--foreground);text-transform:none;background:0 0;border:0;outline:0;flex:1;font-size:.75rem}.plist-back{transition:width var(--duration-hover) var(--ease-soft), margin-right var(--duration-hover) var(--ease-soft), opacity var(--duration-hover) var(--ease-soft), visibility var(--duration-hover);padding:0}.plist-back:not([data-shown]){opacity:0;visibility:hidden;width:0;min-width:0;margin-right:-.5rem;overflow:clip}.search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.facets-box{transition:grid-template-rows var(--duration-hover) var(--ease-soft);grid-template-rows:0fr;display:grid}.facets-box[data-open]{grid-template-rows:1fr}.facets{overflow-clip-margin:2px;opacity:0;visibility:hidden;min-height:0;transition:opacity var(--duration-press) var(--ease-standard), visibility 0s linear var(--duration-hover);flex-direction:column;gap:.375rem;padding-bottom:.625rem;display:flex;overflow:clip}.facets-box[data-open] .facets{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2), visibility 0s}.facet-group{flex-wrap:wrap;gap:.375rem;display:flex}.plist-scroll{scrollbar-width:thin;min-height:0;overflow:auto}.cards{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.card{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-soft);grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem .625rem;padding:.5rem;display:grid}.card:hover{background:#ffffff0f}.card[data-open]{background:var(--muted)}.thumb{border-radius:var(--radius-sm);background:var(--surface);object-fit:cover;width:5.5rem;height:3.75rem;display:block}img.thumb{opacity:0;transition:opacity var(--duration-hover) var(--ease-decelerate)}img.thumb[data-loaded]{opacity:1}.thumb[data-cutout]{object-fit:contain;object-position:left center;background:0 0;border-radius:0}.card-body{min-width:0}.card-name{font-family:var(--font-heading);text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-bottom:.3125rem;padding:0;font-size:1rem;line-height:1.1;display:block}.readouts{color:var(--muted-foreground);flex-wrap:wrap;gap:.25rem .75rem;display:flex}.readouts span{align-items:center;gap:.25rem;display:inline-flex}.variant-rows-box{transition:grid-template-rows var(--duration-hover) var(--ease-soft);grid-column:1/-1;grid-template-rows:0fr;margin-top:-.5rem;display:grid}.card[data-open] .variant-rows-box{grid-template-rows:1fr}.variant-rows{opacity:0;visibility:hidden;min-height:0;transition:opacity var(--duration-press) var(--ease-standard), visibility 0s linear var(--duration-hover);flex-direction:column;display:flex;overflow:hidden}.variant-rows:before{content:"";flex:none;height:.5rem}.card[data-open] .variant-rows{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2), visibility 0s}.variant-row{min-height:var(--touch-min);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-press) var(--ease-standard), color var(--duration-press) var(--ease-standard);background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1px .5rem 0;font-size:.75rem;display:flex}@media (hover:hover){.variant-row:hover{background:#ffffff1a}}.variant-resolution{color:var(--muted-foreground);transition:color var(--duration-press) var(--ease-standard);flex:none}.card-summary{color:var(--muted-foreground);transition:grid-template-rows var(--duration-hover) var(--ease-soft), opacity var(--duration-hover) var(--ease-decelerate);grid-template-rows:1fr;display:grid}.card-summary>span{min-height:0;padding-top:.25rem;overflow:hidden}.card[data-open] .card-summary{opacity:0;transition:grid-template-rows var(--duration-hover) var(--ease-soft), opacity var(--duration-press) var(--ease-standard);grid-template-rows:0fr}.variant-row[aria-pressed=true]{background:var(--foreground);color:var(--primary-foreground)}.variant-row[aria-pressed=true] .variant-resolution{color:var(--primary-foreground)}.card .open{align-self:start}.empty{color:var(--muted-foreground);text-transform:none;padding:.625rem}.stage{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-height:0;position:relative;overflow:hidden}.stage-view{position:absolute;inset:0}.stage-view:focus-visible{outline-offset:-3px}.front-wrap{position:absolute;inset:4rem 2rem 8rem 22rem}.back-to-screen{z-index:3;opacity:0;visibility:hidden;transition:opacity var(--duration-press) var(--ease-standard), translate var(--duration-press) var(--ease-standard), visibility 0s linear var(--duration-press);position:absolute;top:50%;left:50%;translate:-50% calc(.5rem - 50%)}.back-to-screen[data-shown]{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate), translate var(--duration-hover) var(--ease-soft), visibility 0s;translate:-50% -50%}.stage-loading{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.stage-canvas{width:100%;height:100%;display:block}.dim-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dim-label{border-radius:var(--radius-sm);white-space:nowrap;background:#0a0a1199;padding:.125rem .375rem;position:absolute;top:0;left:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.front-view .dimensions line{stroke-width:1.5px;vector-effect:non-scaling-stroke}.stage-toolbar{justify-content:center;display:flex}.toolbar{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.pill{border-radius:var(--radius-full);background:#0a0a11cc;align-items:center;gap:.125rem;padding:.1875rem;display:flex}.pill-btn{border-radius:var(--radius-full);min-width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.pill-btn:hover:not(:disabled),.pill-btn[aria-pressed=true]{color:var(--foreground)}.pill-btn[aria-pressed=true]{background:#ffffff24}.pill-btn:disabled,.pill-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.toolbar{align-items:flex-end}.pill.camera{border-radius:1.0625rem;flex-direction:column-reverse;align-items:stretch;gap:0}.camera-menu-box{width:0;min-width:100%;transition:grid-template-rows var(--duration-hover) var(--ease-soft);grid-template-rows:0fr;display:grid}.camera[data-open] .camera-menu-box{grid-template-rows:1fr}.camera-menu{opacity:0;visibility:hidden;min-height:0;transition:opacity var(--duration-press) var(--ease-standard), visibility 0s linear var(--duration-hover);flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.camera[data-open] .camera-menu{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2), visibility 0s}.camera-item{text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.875rem;flex:none;align-items:center;min-height:1.75rem;padding:1px .625rem 0;display:flex}.camera-item:hover,.camera-item[aria-pressed=true]{background:var(--surface-raised)}@media (pointer:coarse){.camera-item{min-height:var(--touch-min)}}.camera-item+.camera-item{margin-top:.125rem}.camera-item:last-of-type{margin-bottom:.1875rem}.camera-note{color:var(--muted-foreground);text-transform:none;margin:.25rem .625rem .5rem}.camera-btn{white-space:nowrap;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.camera-label{opacity:0;transition:grid-template-columns var(--duration-hover) var(--ease-soft), opacity var(--duration-press) var(--ease-standard);grid-template-columns:0fr;display:grid}.camera-label>span{min-width:0;overflow:hidden}.camera[data-open] .camera-label{opacity:1;transition:grid-template-columns var(--duration-hover) var(--ease-soft), opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2);grid-template-columns:1fr}.camera-label>span:before,.camera-label>span:after{content:"";width:.5rem;display:inline-block}.camera-chevron{transition:rotate var(--duration-hover) var(--ease-soft);margin-left:.25rem;display:inline-flex}.camera[data-open] .camera-chevron{rotate:180deg}.front-view{width:100%;height:100%;display:block}.front-view .floor{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.stage-head{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1rem;max-width:calc(100% - 3.5rem);display:flex;position:absolute;top:1.5rem;bottom:9rem;left:1.75rem}.stage-head>*{pointer-events:auto}.brand{align-items:center;gap:.75rem;display:flex}.brand .type-h4{margin:0;font-size:1rem}.mark{width:1.6875rem;height:1.5625rem;fill:var(--accent)}.specs{border-radius:var(--radius-md);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;flex-direction:column;width:min(18.75rem,100%);min-height:0;padding:.875rem 1rem .5rem;display:flex}.specs-title{color:var(--muted-foreground);align-items:center;gap:.5rem;margin:0 0 .75rem;display:flex}.specs-key{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.specs-key-wide{grid-column:1/-1}.specs-key-row dt{color:var(--muted-foreground);white-space:nowrap}.specs-key-row dd{font-family:var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;margin:.25rem 0 0;font-size:1rem;font-weight:400;line-height:1.2}.specs-key-wide dd{font-size:1.375rem}.specs-aside{color:var(--muted-foreground)}.specs-key-row dt .specs-aside{color:var(--accent);margin-left:.375rem}.specs-key-row dd .specs-aside{margin-top:.125rem;display:block}.specs-more{min-height:0;transition:grid-template-rows var(--duration-hover) var(--ease-soft);flex:0 auto;grid-template-rows:0fr;margin-inline:-.25rem -.75rem;display:grid}.specs[data-open] .specs-more{grid-template-rows:1fr}.specs-more-inner{scrollbar-gutter:stable;scrollbar-width:thin;opacity:0;visibility:hidden;min-height:0;transition:opacity var(--duration-press) var(--ease-standard), visibility 0s linear var(--duration-hover);padding:0 0 0 .25rem;overflow:hidden}.specs[data-open] .specs-more-inner{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2), visibility 0s}.specs-more[data-settled] .specs-more-inner{overflow-y:auto}.specs-more-inner:before{content:"";height:1rem;display:block}.specs-toggle{border:0;border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;margin:.625rem -.5rem 0;padding:.5rem;display:flex}@media (hover:hover){.specs-toggle:hover{background:#ffffff0f}}.specs-toggle-label{text-align:left;display:grid}.specs-toggle-label>span{transition:opacity var(--duration-press) var(--ease-decelerate) calc(var(--duration-press) / 2);grid-area:1/1}.specs-toggle-label>[aria-hidden=true]{opacity:0;transition:opacity calc(var(--duration-press) / 2) var(--ease-standard)}.specs-chevron{transition:rotate var(--duration-hover) var(--ease-soft);display:inline-flex}[aria-expanded=true]>.specs-chevron{rotate:180deg}.specs-group{color:var(--accent);margin:.75rem 0 .375rem}.specs-more-inner section:first-child .specs-group,.tab-panel-specs section:first-child .specs-group{margin-top:0}.kv{margin:0}.kv-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:.75rem;padding:.25rem 0;display:flex}.kv dt{color:var(--muted-foreground)}.kv dd{text-align:right;margin:0}.stage-foot{z-index:2;pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tabs toolbar actions";align-items:end;gap:.75rem;display:grid;position:absolute;inset:auto 1rem 1rem}.stage{container:stage/inline-size}@container stage (width<48rem){.stage-foot{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tabs toolbar""actions actions"}.stage-head{bottom:12rem}}@container stage (width<28rem){.stage-foot{grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs""toolbar""actions"}}.tray-box{--tray-bg:#0a0a11e0;z-index:1;isolation:isolate;grid-area:tabs;justify-self:start;position:relative}.tray-tabs{z-index:1;flex-direction:column;gap:.375rem;width:max-content;padding:.375rem;display:flex;position:relative}.tray-tab{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:2.625rem;transition:background-color var(--duration-press) var(--ease-standard), border-color var(--duration-press) var(--ease-standard);background:0 0;align-items:center;gap:.625rem;padding:1px .75rem 0;display:flex}.tray-tab[aria-expanded=true]{background:var(--surface-raised);border-color:#0000}.tray{min-height:100%;padding-left:var(--tabs-width,0);border-radius:var(--radius-md);background:var(--tray-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width var(--duration-hover) var(--ease-soft);align-items:center;display:grid;position:absolute;bottom:0;left:0;overflow:clip}.tray-panel{opacity:0;visibility:hidden;width:max-content;max-width:calc(100cqw - 32rem);transition:opacity calc(var(--duration-press) / 2) var(--ease-standard), visibility 0s linear calc(var(--duration-press) / 2);flex-direction:column;grid-area:1/1;justify-self:start;gap:.375rem;padding:.375rem .375rem .375rem 0;display:flex}.tray-panel[data-active]{opacity:1;visibility:visible;transition:opacity var(--duration-hover) var(--ease-decelerate) calc(var(--duration-press) / 2), visibility 0s}@container stage (width<48rem){.tray-panel{max-width:calc(100cqw - 10rem)}}.tray-items{scrollbar-width:thin;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.tray-item{border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;border:2px solid #0000;flex:none;width:6rem;height:3.5rem;padding:0;position:relative;overflow:hidden}.tray-item img,.tray-item .scene-thumb{object-fit:cover;width:100%;height:100%;display:block}.tray-item[aria-pressed=true]{border-color:var(--accent)}.tray-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#0a0a11d9);padding:.5rem .375rem .25rem;position:absolute;inset:auto 0 0;overflow:hidden}.tray-add{border:1px dashed var(--border-strong);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;display:flex}.tray-controls{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.segmented{border-radius:var(--radius-sm);background:#ffffff14;gap:2px;padding:2px;display:flex}.seg{cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;min-height:1.5rem;padding:1px .5rem 0;display:inline-flex}.seg[aria-pressed=true]{background:var(--foreground);color:var(--primary-foreground)}.seg:disabled{opacity:.4;cursor:not-allowed}.action-error{border-radius:var(--radius-sm);color:var(--destructive);text-align:right;text-transform:none;background:#0a0a11cc;flex-basis:100%;margin:0;padding:.375rem .5rem}.tray-error{color:var(--destructive);text-transform:none;margin:0}.stage-foot>*{pointer-events:auto}.stage-toolbar{grid-area:toolbar}.actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;gap:.5rem;display:flex}.shell.narrow{flex-direction:column;gap:.875rem;height:auto;padding:.75rem;display:flex}.narrow .brand{gap:.625rem;padding:.25rem .25rem 0}.narrow .mark{width:1.375rem;height:1.25rem}.narrow .stage{aspect-ratio:4/3}.narrow .front-wrap{inset:1rem}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.125rem;display:flex;overflow-x:auto}.tab{min-height:2.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;padding:.625rem .5rem .5rem}.tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--foreground)}.tab-panel{min-width:0}.tab-panel-size .sliders{margin-top:.875rem}.narrow .plist,.narrow .plist-scroll{flex:none;overflow:visible}.plist-more,.plist-change{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;min-height:2.75rem;margin-top:.5rem}.tab-panel-scene .tray-items,.tab-panel-media .tray-items{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.tab-panel .tray-item{width:auto;height:4rem}.tab-panel .tray-controls{margin-top:.5rem}.tab-panel .seg{min-height:2rem;padding-inline:.625rem}.tab-panel .tray-error{margin-top:.5rem}.narrow .actions{flex-direction:column;align-items:stretch}.narrow .actions .btn{justify-content:center;height:3.0625rem}.narrow .action-error{text-align:left}html.layout-fill,html.layout-fill body{background:var(--surface);height:100%;overflow:hidden}.shell.layout-fill{box-sizing:border-box;border-radius:0;grid-template-columns:22.5rem minmax(0,1fr);gap:0;height:100dvh;padding:0}.layout-fill .stage{border:0}.layout-fill .left{padding:1.25rem}.close-btn{justify-content:center;width:2.1875rem;padding:0}.stage-close{z-index:3;position:absolute;top:1.1875rem;right:1.25rem}.shell.narrow.layout-fill{gap:.75rem;padding:.75rem}.shell-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.narrow.layout-fill .brand{padding:0 0 0 .25rem}.narrow.layout-fill .stage{aspect-ratio:auto;border-radius:0;flex:1 1 0;min-height:8rem;margin-inline:-.75rem}.narrow.layout-fill .tab-panel{overscroll-behavior:contain;scrollbar-width:thin;flex:0 clamp(11rem,26dvh,18rem);min-height:6rem;overflow-y:auto}.narrow.layout-fill .actions{flex-direction:row}.narrow.layout-fill .actions .btn{flex:1 1 0;min-width:0}html.layout-page,html.layout-page body{height:100%;overflow:hidden}.shell.layout-page,.shell.narrow.layout-page{box-sizing:border-box;height:100dvh}.narrow.layout-page .stage{aspect-ratio:auto;flex:1 1 0;min-height:8rem}.narrow.layout-page .tab-panel{overscroll-behavior:contain;scrollbar-width:thin;flex:0 clamp(11rem,26dvh,18rem);min-height:6rem;overflow-y:auto}.narrow.layout-page .actions{flex-direction:row}.narrow.layout-page .actions .btn{flex:1 1 0;min-width:0}@media (pointer:coarse){input,select{font-size:1rem!important}}.site-header{z-index:20;box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:1rem;height:3.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.site-header a{color:inherit;text-decoration:none}.site-logo{flex:none;align-items:center;gap:.75rem;display:flex}.site-logo .mark{width:1.625rem;height:1.5rem}.site-wordmark{letter-spacing:.35em;text-transform:uppercase;font-size:.8125rem}.site-links{align-items:center;gap:.5rem;min-width:0;margin-left:auto;display:flex}.site-product{min-width:0}.site-product-name{text-overflow:ellipsis;overflow:hidden}.page{padding:.75rem}.page .shell:not(.narrow){box-sizing:border-box;height:max(35rem,100dvh - 5.25rem)}@media (width<43.75rem){.site-header{gap:.5rem;padding-inline:.75rem}.site-wordmark{letter-spacing:.2em}.site-home{display:none}}.handoff{border-radius:var(--radius-md);background:var(--surface);width:min(32.5rem,100% - 2rem);color:var(--foreground);border:0;padding:0}.handoff::backdrop{background:#0a0a11b3}.handoff-body{flex-direction:column;align-items:flex-start;gap:.875rem;padding:1.5rem;display:flex}.handoff h2{margin:0}.handoff-text{color:var(--muted-foreground);text-transform:none;margin:0}.handoff-summary{border-radius:var(--radius-sm);background:var(--card);text-transform:none;-webkit-user-select:all;user-select:all;align-self:stretch;margin:0;padding:.625rem .75rem}.handoff-actions{flex-wrap:wrap;gap:.5rem;display:flex}.handoff-status{color:var(--muted-foreground);text-transform:none;margin:0}.handoff-status:empty{display:none}.notice{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;display:flex}.notice nav{align-self:stretch}.notice h1{margin:0}.notice-products{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.notice-products a{color:inherit}
