:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22292b;background:#f0eeea;font-synthesis:none;--muted: #747b7b;--surface: #f0eeea;--ink: #22292b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overscroll-behavior:none}button,summary{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #719178;outline-offset:5px}button{border:0}[hidden]{display:none!important}.showroom{position:relative;width:100%;height:100%;min-height:0;height:100dvh;overflow:hidden}.stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas.door-hover{cursor:pointer}.header{position:absolute;inset:max(36px,env(safe-area-inset-top)) 4.8% auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}h1{margin:0;font-size:clamp(26px,2.3vw,36px);letter-spacing:-.035em;font-weight:650;line-height:1.15}.subtitle{margin:7px 0 0;font-size:15px;letter-spacing:.03em;color:var(--muted)}.subtitle span{padding:0 7px;color:#929896}.quiet{background:transparent;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:22px;pointer-events:auto}.model-switch{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 16px;border:1px solid #bdc2be;border-radius:30px;background:#f0eeeacc;color:var(--ink);font-size:13px;white-space:nowrap}.model-switch:hover{background:#e3e4df}.model-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.reset{display:flex;align-items:center;gap:9px;padding:10px 0 10px 10px;font-size:14px;pointer-events:auto}.reset svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.reset:hover{color:#55725b}.footer{position:absolute;inset:auto 4.8% max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.instructions p{margin:0 0 9px;font-size:clamp(15px,1.4vw,19px);letter-spacing:-.01em}.instructions>span{color:var(--muted);font-size:13px}.dot{padding:0 7px}.touch-hint{display:none}.actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.pill{border-radius:50px;min-height:52px;min-width:138px;padding:14px 27px;font-size:15px;font-weight:560;transition:background .18s,transform .18s}.pill:hover:enabled{transform:translateY(-1px)}.pill:active:enabled{transform:translateY(0)}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.primary:hover:enabled{background:#3d4b42;border-color:#3d4b42}.secondary{background:#f0eeea8c;border:1px solid #bdc2be;color:var(--ink)}.secondary:hover:enabled{background:#e3e4df}.door-menu{position:relative}.door-menu summary{display:flex;align-items:center;gap:5px;list-style:none;padding:15px 7px;font-size:14px;cursor:pointer}.door-menu summary::-webkit-details-marker{display:none}.door-menu summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.door-menu[open] summary svg{transform:rotate(180deg)}.door-panel{position:absolute;bottom:calc(100% + 14px);right:0;width:240px;border-radius:18px;padding:18px 10px 10px;background:#fffffff5;box-shadow:0 9px 45px #22292b18;border:1px solid #22292b0d}.door-panel p{margin:0 10px 10px;color:var(--muted);font-size:12px}.door-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;color:var(--ink);padding:12px 10px;border-radius:9px;font-size:14px;text-align:left}.door-panel button:hover{background:#eff1eb}.door-panel button[aria-pressed=true]{background:#e8eee5}.door-state{font-size:12px;color:#637a66}.tooltip{position:absolute;z-index:5;padding:11px 15px;border-radius:12px;background:#22292bed;color:#fff;pointer-events:none;box-shadow:0 4px 20px #22292b12}.tooltip strong{display:block;font-size:14px;font-weight:550}.tooltip span{display:block;margin-top:4px;color:#bdc5c0;font-size:12px}.loading,.error-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(310px,80vw)}.loading p{color:var(--muted);font-size:14px;margin:19px 0 17px}.spinner{display:inline-block;width:32px;height:32px;border:2px solid #cbd1c8;border-top-color:#67836a;border-radius:50%;animation:spin .9s linear infinite}.progress{width:160px;margin:auto;height:2px;overflow:hidden;background:#d7dbd4}.progress span{display:block;width:0;height:100%;background:#67836a;transition:width .2s}.error-panel h2{font-size:19px;font-weight:600}.error-panel p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}@media(max-width:700px){.header{top:max(26px,env(safe-area-inset-top));left:6%;right:6%}.footer{left:6%;right:6%;bottom:max(24px,env(safe-area-inset-bottom));flex-direction:column;gap:20px}.instructions{text-align:center}.instructions p{margin-bottom:7px}.actions{width:100%;justify-content:center;gap:10px}.pill{min-width:0;padding:13px 23px;min-height:48px;font-size:14px}.door-menu summary{padding-left:0;padding-right:6px}.door-panel{right:auto;left:0;width:225px}.reset{font-size:13px}.header-actions{gap:14px}.model-switch{padding:10px 13px}.reset span{display:none}.reset{min-height:42px;min-width:32px;padding:10px 0 10px 8px}}@media(max-width:380px){h1{font-size:24px}.header-actions{gap:8px}.model-switch{padding:10px 8px;gap:5px;font-size:11px}.model-switch svg{width:14px;height:14px}}@media(max-height:520px)and (min-width:701px){.header{top:22px}.footer{bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}