.explorer{--ex-accent:var(--yellow);color:var(--explorer-text);background:var(--explorer-bg);min-height:100dvh;font-size:1rem;line-height:1.55;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.explorer *{box-sizing:border-box}.explorer button,.explorer a,.explorer input{touch-action:manipulation}.explorer button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0}.explorer button:disabled{opacity:.4;cursor:not-allowed}.explorer :focus-visible{outline:2px solid var(--ex-accent);outline-offset:4px}.explorer p,.explorer h1,.explorer h2{margin:0}.explorer-expanded{z-index:1000;position:fixed;inset:0;overflow:auto}.explorer:-webkit-full-screen{overflow:auto}.explorer:fullscreen{overflow:auto}.ex-header{border-bottom:1px solid var(--explorer-line);background:#10181d;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 30px;display:flex}.ex-brand{align-items:center;gap:24px;display:flex}.ex-brand img{object-fit:contain;filter:brightness(0)invert();width:96px;height:36px}.ex-brand>span{border-left:1px solid var(--explorer-line);letter-spacing:.18em;color:var(--explorer-muted);padding-left:24px;font-size:.8125rem}.ex-header-status{color:var(--explorer-muted);align-items:center;gap:9px;font-size:.875rem;display:flex}.explorer i{background:var(--ex-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.ex-header-actions{align-items:center;gap:14px;font-size:.875rem;display:flex}.ex-motion-link{color:var(--ex-accent);align-items:center;gap:12px;display:flex}.ex-back{color:var(--explorer-muted);margin-right:8px}.explorer .ex-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:inline-flex}.ex-icon:hover,.ex-icon[aria-pressed=true]{color:var(--ex-accent);background:#ffffff0d}.ex-workspace{isolation:isolate;background:radial-gradient(at 51% 40%,#2b3c48 0%,#1d2a32 39%,#111b21 77%);grid-template-rows:175px minmax(310px,1fr) 114px;grid-template-columns:260px minmax(0,1fr) 270px;gap:18px 22px;height:calc(100dvh - 110px);min-height:780px;padding:30px 30px 22px;display:grid;position:relative;overflow:hidden}.ex-intro{z-index:2;pointer-events:none;grid-area:1/1}.ex-eyebrow{letter-spacing:.14em;color:#b7c4cd;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;font-weight:500;display:block}.ex-intro h1{letter-spacing:-.05em;white-space:pre-line;margin:16px 0 12px;font-size:1.8rem;font-weight:720;line-height:1.3}.ex-intro p{color:var(--explorer-muted);max-width:245px;font-size:.9375rem}.ex-stage{grid-area:1/2/3;min-width:0;min-height:0;position:relative}.ex-canvas{z-index:0;position:absolute;inset:0 -28px -65px;overflow:hidden}.ex-canvas canvas{outline:none;width:100%;height:100%;display:block}.ex-stage-toolbar{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.ex-stage-label{color:var(--explorer-muted);white-space:nowrap;align-items:center;gap:9px;font-size:.75rem;display:flex}.ex-stage-label b{color:#d5e0e5;padding-left:6px;font-family:ui-monospace,monospace;font-weight:400}.ex-view-presets{border:1px solid var(--explorer-line);background:#17232ac4;border-radius:7px;display:flex}.ex-view-presets button{color:var(--explorer-muted);padding:9px 12px;font-size:.875rem}.ex-view-presets button+button{border-left:1px solid var(--explorer-line)}.ex-view-presets button:hover{color:var(--ex-accent)}.ex-view-tools{z-index:3;border:1px solid var(--explorer-line);color:var(--explorer-muted);background:#111c23cc;border-radius:7px;padding:3px;display:flex;position:absolute;bottom:4px;right:0}.ex-panel{border:1px solid var(--explorer-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#101a21e8;border-radius:10px}.ex-components{flex-direction:column;grid-area:2/1;min-height:0;display:flex;overflow:hidden}.ex-panel-heading{border-bottom:1px solid var(--explorer-line);color:#dce5e9;align-items:center;gap:10px;min-height:52px;padding:10px 16px;display:flex}.ex-panel-heading h2{flex:1;font-size:.875rem;font-weight:650}.ex-panel-heading>span{border:1px solid var(--explorer-line);color:var(--explorer-muted);border-radius:3px;padding:1px 5px;font:.75rem ui-monospace,monospace}.ex-groups{border-bottom:1px solid var(--explorer-line);padding:7px 8px}.ex-groups button{text-align:left;color:#b1c1c9;border-radius:5px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:.875rem;display:flex}.ex-groups button>span:nth-child(2){flex:1}.ex-groups small,.ex-index{color:#80959f;font:.75rem ui-monospace,monospace}.ex-groups .is-active{color:var(--ex-accent);background:#ffda3510}.ex-groups .is-active small,.ex-groups .is-active .ex-index{color:#c1b366}.ex-list-heading{color:#93a8b3;justify-content:space-between;padding:13px 16px 5px;font-size:.75rem;display:flex}.ex-part-list{scrollbar-width:thin;scrollbar-color:#3f5059 transparent;flex:1;min-height:60px;padding:0 8px;overflow:auto}.ex-part-list button{text-align:left;color:#bbc9d1;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px;font-size:.875rem;display:flex}.ex-part-list button>span:nth-child(2){flex:1}.ex-part-list code{color:#6f8895;font-size:.75rem}.ex-part-dot{border:1px solid #91a5b0;width:4px;height:4px}.ex-part-list button:hover,.ex-part-list .is-selected{color:var(--ex-accent);background:#ffda350d}.ex-part-list .is-selected .ex-part-dot{background:var(--ex-accent);border-color:var(--ex-accent)}.ex-part-list .is-hidden{opacity:.55}.ex-part-list small{font-size:.75rem;display:block}.ex-panel-foot{color:#8fa5b0;border-top:1px solid var(--explorer-line);align-items:center;gap:7px;padding:11px 14px;font-size:.75rem;display:flex}.ex-details{scrollbar-width:thin;scrollbar-color:#3f5059 transparent;grid-area:1/3/3;align-self:start;max-height:100%;overflow:auto}.ex-detail-body{padding:20px}.ex-detail-emblem{color:#b6c6ce;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:110px;display:flex}.ex-detail-emblem svg{stroke-width:1.1px;width:42px;height:42px}.ex-detail-emblem span{letter-spacing:.2em;color:#8399a5;font:.75rem ui-monospace,monospace}.ex-detail-body>.ex-eyebrow{color:#dbcc87;margin:8px 0 12px;font-size:.75rem}.ex-detail-body>h2{letter-spacing:-.04em;margin-bottom:14px;font-size:1.55rem;line-height:1.3}.ex-detail-body>p{color:#a7bac5;font-size:1rem;line-height:1.75}.ex-specs{border-top:1px solid var(--explorer-line);border-bottom:1px solid var(--explorer-line);margin:25px 0 20px;padding:17px 0}.ex-specs>div,.ex-hardware dl>div{justify-content:space-between;gap:12px;margin:9px 0;font-size:.875rem;display:flex}.ex-specs dt,.ex-hardware dt{color:#8fa6b3}.ex-specs dd,.ex-hardware dd{text-align:right;color:#dce5e9;margin:0;font-size:.875rem}.ex-detail-body .ex-hint{color:#90a5b0;font-size:.875rem;line-height:1.6}.ex-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.explorer .ex-primary{background:var(--ex-accent);color:#152028;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:9px 14px;font-size:.875rem;font-weight:650;display:inline-flex}.ex-detail-actions>button:not(.ex-primary){border:1px solid var(--explorer-line);border-radius:5px;padding:8px 14px;font-size:.875rem}.explorer .ex-restore{color:var(--ex-accent);margin-top:14px;font-size:.875rem}.ex-hardware{border-top:1px solid var(--explorer-line);color:#a7bbc5;margin-top:20px;padding-top:13px;font-size:.875rem}.ex-hardware summary{cursor:pointer}.ex-hardware p{font-size:.875rem}.ex-detail-body .ex-source-note{color:#8ca1ad;margin-top:18px;font-size:.75rem;line-height:1.7}.ex-console{grid-area:3/1/auto/4;place-self:end center;align-items:center;gap:24px;width:min(1070px,100%);min-height:110px;padding:20px 24px;display:flex}.explorer .ex-play{background:var(--ex-accent);color:#172127;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.ex-play svg{width:21px;height:21px}.ex-slider{flex:1;min-width:160px}.ex-slider>div{justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;display:flex}.ex-slider label{font-weight:650}.ex-slider output{color:var(--ex-accent);font:.875rem ui-monospace,monospace}.ex-slider output small{color:#8298a4;font-size:.75rem}.ex-slider input{width:100%;accent-color:var(--ex-accent);cursor:ew-resize;height:22px;margin:4px 0}.ex-slider .ex-slider-labels{color:#91a7b2;font-size:.75rem}.ex-switches{border-left:1px solid var(--explorer-line);flex-direction:column;gap:10px;min-width:145px;padding-left:23px;display:flex}.ex-switches label{color:#b5c6cf;cursor:pointer;justify-content:space-between;align-items:center;gap:15px;font-size:.875rem;display:flex}.ex-switches input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#465159;border-radius:14px;flex-shrink:0;width:32px;height:18px;margin:0;position:relative}.ex-switches input:before{content:"";background:#e7edef;border-radius:50%;width:14px;height:14px;transition:transform .15s;display:block;position:absolute;top:2px;left:2px}.ex-switches input:checked{background:#988633}.ex-switches input:checked:before{background:var(--ex-accent);transform:translate(14px)}.ex-switches input:disabled{opacity:.35;cursor:not-allowed}.explorer .ex-reset{color:#a6bbc5;white-space:nowrap;flex-direction:column;align-items:center;gap:7px;font-size:.75rem;display:flex}.ex-finishes{border:0;border-left:1px solid var(--explorer-line);min-width:240px;margin:0;padding:0 0 0 24px}.ex-finishes legend{float:left;justify-content:space-between;gap:12px;width:100%;margin-bottom:8px;font-size:.875rem;font-weight:650;display:flex}.ex-finishes legend small{color:#96a8b2;font-size:.75rem;font-weight:400}.ex-finishes>div{clear:both;gap:15px;display:flex}.ex-finishes label{cursor:pointer;text-align:center;color:#9eafb9;flex-direction:column;align-items:center;gap:5px;font-size:.75rem;display:flex;position:relative}.ex-finishes input{opacity:0;cursor:pointer;width:32px;height:32px;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.ex-swatch{pointer-events:none;background:#e2e5e8;border:3px solid #152129;border-radius:50%;outline:1px solid #56666f;width:26px;height:26px;display:block}.ex-graphite{background:#515c69}.ex-yellow{background:#ffd52a}.ex-lilac{background:#b29ada}.ex-finishes input:checked+.ex-swatch{outline:2px solid var(--ex-accent)}.ex-finishes input:focus-visible+.ex-swatch{outline-offset:3px;outline:3px solid #fff}.ex-finishes input:checked~span:last-child{color:var(--ex-accent)}.ex-footer{border-top:1px solid var(--explorer-line);color:#8aa0ad;justify-content:space-between;align-items:center;gap:18px;height:34px;padding:0 30px;font:.75rem ui-monospace,monospace;display:flex}.ex-footer>span:last-child{align-items:center;gap:8px;display:flex}.ex-load{z-index:2;text-align:center;background:#152129f5;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex;position:absolute;inset:65px 0 45px}.ex-load img{object-fit:cover;border-radius:12px;width:min(320px,75%);height:230px}.ex-load>div{flex-direction:column;align-items:center;gap:12px;max-width:400px;display:flex}.ex-load strong{font-size:1rem;font-weight:500}.ex-load progress{width:180px;height:5px;accent-color:var(--ex-accent)}.ex-load span{color:var(--ex-accent);font:.75rem ui-monospace,monospace}.ex-fullscreen-note{background:var(--explorer-panel);z-index:4;max-width:300px;padding:12px;font-size:.875rem;position:absolute;bottom:50px;right:0}.ex-help{color:var(--explorer-text);background:#152129;border:1px solid #3e505b;border-radius:14px;max-width:min(550px,100vw - 32px);padding:32px;box-shadow:0 30px 100px #0009}.ex-help::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040a10bb}.ex-help>.ex-icon{float:right;margin:-16px -16px 0 0}.ex-help h2{margin:14px 0 22px;font-size:1.7rem}.ex-help p{color:#adc0ca;margin:16px 0;font-size:1rem}.ex-mobile-tabs,.explorer .ex-mobile-close{display:none}@media (min-width:1600px){.ex-workspace{grid-template-columns:290px minmax(0,1fr) 300px;gap:24px 35px;padding:32px 40px 24px}.ex-intro h1{font-size:2.1rem}.ex-groups button{padding:10px 12px}.ex-console{width:1150px}}@media (max-width:1200px) and (min-width:981px){.ex-workspace{grid-template-columns:235px minmax(0,1fr) 235px;gap:16px;min-height:840px;padding:22px 20px}.ex-header-status{display:none}.ex-details .ex-detail-body{padding:16px}.ex-intro h1{font-size:1.65rem}.ex-stage-toolbar{flex-direction:column;align-items:center}.ex-console{gap:16px;padding:18px}.ex-switches{min-width:128px;padding-left:16px}.ex-finishes{min-width:220px;padding-left:16px}}@media (max-width:980px){.ex-header{height:66px;padding:0 20px}.ex-header-status,.ex-back{display:none}.ex-brand{gap:15px}.ex-brand>span{padding-left:15px}.ex-header-actions{gap:8px}.ex-workspace{grid-template-rows:145px 445px auto auto;grid-template-columns:220px minmax(0,1fr);gap:18px;height:auto;min-height:calc(100dvh - 100px);padding:22px 20px}.ex-intro{grid-area:1/1}.ex-intro h1{margin:10px 0;font-size:1.55rem}.ex-intro p{font-size:.875rem}.ex-stage{grid-area:1/2/3}.ex-components{grid-area:2/1}.ex-details{grid-area:4/1/auto/3;max-height:none}.ex-details .ex-detail-emblem{display:none}.ex-details .ex-detail-body{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.ex-detail-body>.ex-eyebrow,.ex-detail-body>h2{grid-column:1;margin:0}.ex-detail-body>p{grid-column:1}.ex-specs{grid-area:1/2/4;margin:0}.ex-detail-body>.ex-source-note{grid-column:1/3}.ex-hardware{grid-column:1/3;margin-top:0}.ex-console{flex-wrap:wrap;grid-area:3/1/auto/3;gap:18px;padding:18px}.ex-slider{min-width:200px}.ex-finishes{flex:1;min-width:210px}.ex-stage-toolbar{flex-wrap:wrap;justify-content:center}.ex-canvas{inset:0 -20px -20px}.ex-footer{height:auto;min-height:34px;padding:10px 20px;font-size:.75rem}.ex-footer>span:nth-child(2){display:none}.ex-panel-foot{font-size:.75rem}.ex-detail-actions,.ex-details .ex-restore{grid-column:2}.ex-list-heading{padding-top:8px}.ex-groups button{padding:7px 8px}.ex-part-list{min-height:90px}}@media (max-width:640px){.ex-header{gap:10px;height:60px;padding:0 12px}.ex-brand img{width:80px;height:29px}.ex-brand>span{display:none}.ex-header-actions{gap:4px;font-size:.875rem}.ex-motion-link{gap:4px}.ex-motion-link svg{width:16px}.ex-workspace{flex-direction:column;gap:14px;min-height:0;padding:18px 12px 16px;display:flex;overflow:visible}.ex-intro .ex-eyebrow{letter-spacing:.1em;font-size:.75rem}.ex-intro h1{white-space:normal;margin:9px 0 6px;font-size:1.55rem}.ex-intro p{max-width:none;font-size:.875rem}.ex-stage{flex:none;order:1;height:440px}.ex-intro{order:0}.ex-stage-toolbar{justify-content:space-between;gap:5px}.ex-view-presets button{padding:6px 8px;font-size:.875rem}.ex-stage-label{gap:5px}.ex-canvas{inset:25px -12px 0}.ex-view-tools{bottom:0;right:0}.ex-components{order:2;display:contents}.ex-components>.ex-panel-heading,.ex-components>.ex-list-heading,.ex-components>.ex-part-list,.ex-components>.ex-panel-foot{display:none}.ex-groups{scrollbar-width:none;border:0;flex-shrink:0;order:2;gap:6px;padding:0 0 4px;display:flex;overflow:auto}.ex-groups button{border:1px solid var(--explorer-line);background:#1e2d35;width:auto;min-width:max-content;min-height:42px;padding:9px 12px}.ex-groups .ex-index,.ex-groups button>span:last-child{display:none}.ex-mobile-tabs{order:3;gap:8px;display:flex}.ex-mobile-tabs button{border:1px solid var(--explorer-line);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;max-width:50%;min-height:44px;padding:8px;font-size:.875rem;display:flex}.ex-mobile-tabs button[aria-expanded=true]{color:var(--ex-accent);border-color:#b19c38}.ex-components.is-open>.ex-part-list{border:1px solid var(--explorer-line);background:var(--explorer-panel);border-radius:8px;order:4;min-height:0;max-height:270px;padding:6px 8px;display:block}.ex-components.is-open>.ex-part-list button{min-height:44px}.ex-details{order:4;display:none}.ex-details.is-open{display:block}.ex-details .ex-detail-body{padding:18px;display:block}.ex-detail-body>.ex-eyebrow{margin-bottom:8px}.ex-detail-body>h2{margin-bottom:12px}.ex-specs{margin:14px 0}.ex-details .ex-mobile-close{display:inline-flex}.ex-details .ex-panel-heading>.ex-icon:not(.ex-mobile-close){display:none}.ex-details .ex-hardware{margin-top:18px}.ex-console{order:5;grid-template-columns:44px minmax(0,1fr) 36px;gap:18px 14px;width:100%;min-height:0;padding:18px 14px;display:grid}.explorer .ex-play{grid-area:1/1;width:42px;height:42px}.ex-slider{grid-area:1/2/auto/4;min-width:0}.ex-switches{border:0;flex-direction:row;grid-area:2/1/auto/3;justify-content:space-between;gap:20px;min-width:0;padding:0}.ex-switches label{gap:10px;font-size:.875rem}.ex-reset{grid-area:2/3}.ex-reset span{display:none}.ex-finishes{border:0;border-top:1px solid var(--explorer-line);grid-area:3/1/auto/4;min-width:0;padding:14px 0 0}.ex-finishes legend{float:none;margin:0 0 12px;padding:0;font-size:.875rem}.ex-finishes>div{justify-content:space-between;gap:10px}.ex-finishes label{min-width:50px;font-size:.8125rem}.ex-finishes .ex-swatch{width:30px;height:30px}.ex-footer{gap:8px;padding:12px;font-size:.75rem}.ex-footer>span:first-child{font-size:.75rem}.ex-load{padding:16px;inset:45px 0 50px}.ex-load img{width:230px;height:175px}.ex-detail-emblem{display:none}.ex-help{padding:26px}.ex-help h2{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.explorer *{scroll-behavior:auto!important;transition:none!important}}