*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07080a;color:#e9e6df;font-family:Arial,sans-serif;color-scheme:dark}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #dfbd78;outline-offset:4px}[hidden]{display:none!important}#inspection{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 45%,#21211f,#07080a 68%)}header{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid #292a2c}.brand{font-size:13px;font-weight:bold;letter-spacing:1.8px}.brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:8px;color:#b89b64}#fullscreen{font-size:25px;background:none;border:0}.products{display:flex;justify-content:center;gap:6px;padding:16px}.products button{padding:12px 24px;border:1px solid #303033;background:#101114;font-size:12px}.products small{font-size:7px;margin-left:7px;color:#b99d68}button[aria-pressed=true]{border-color:#b99857!important;background:#c9ac6d15!important;color:#ecd29d}.workspace{display:grid;grid-template-columns:155px minmax(0,1fr) 205px;gap:24px;flex:1;max-width:1600px;width:100%;margin:auto;padding:0 30px 20px}.tools{display:flex;flex-direction:column;justify-content:center;gap:8px}.tools button{display:flex;align-items:center;gap:12px;background:#101114;border:1px solid #292a2d;padding:14px 12px;text-align:left;font-size:11px;line-height:1.4}.tools b{font-size:20px;font-weight:normal;color:#c8ac77}.stage{height:calc(100dvh - 190px);min-height:490px;position:relative;border:1px solid #292a2b;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#37332b33,#0c0d10 75%);touch-action:pan-y}.stage-caption{position:absolute;z-index:5;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;pointer-events:none}.stage-caption span:last-child{color:#c6ad7c}#toy-view{height:100%;width:100%;display:flex;align-items:center;justify-content:center;touch-action:none}#toy{width:100%;height:calc(100% - 65px);max-height:100%;overflow:visible;filter:drop-shadow(7px 20px 14px #0009)}#rotation{height:calc(100% - 65px);width:100%;position:absolute;top:35px;object-fit:contain;pointer-events:none}.stage-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:#0c0d10dd;border-top:1px solid #2d2e31;font-size:10px;color:#a5a4a0}.stage-bottom button{border:1px solid #464036;background:#161619;padding:8px 11px;font-size:11px;color:#e1c895}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspots button{position:absolute;background:#0b0c0ee8;border:1px solid #b99b5e;padding:8px 12px;font-size:10px;pointer-events:auto;color:#e0c694;border-radius:2px}.hotspots button:nth-child(1){top:28%;left:65%}.hotspots button:nth-child(2){top:46%;left:15%}.hotspots button:nth-child(3){top:58%;left:68%}.hotspots button:nth-child(4){top:69%;left:30%}.hotspots button span{margin-left:9px}.mini-panel{align-self:center}.micro{font-size:8px;letter-spacing:2px;color:#cbb17a}.mini-panel h1{font-size:27px;font-weight:normal;letter-spacing:-1px;margin:15px 0}.mini-panel p{color:#aeadab;font-size:11px;line-height:1.8;margin-bottom:25px}.mini-panel label{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:20px;color:#d4bf95}input[type=range]{width:100%;accent-color:#d5b777;margin:15px 0}.layer-picks,.angle-picks{display:grid;grid-template-columns:1fr 1fr;gap:5px}.layer-picks button,.angle-picks button,.wide{padding:10px 7px;background:#111215;border:1px solid #343438;font-size:10px}.wide{width:100%;margin-top:12px;color:#d8bf89}.truth{display:block;font-size:9px;color:#9b9b99;line-height:1.8;margin-top:25px}.toy-layer{transition:transform .6s,opacity .35s;transform-box:fill-box;transform-origin:center}.toy-layer.dim{opacity:1}.dragging .toy-layer{transition:none}.needle{cursor:ew-resize;touch-action:none}.stitch-line{fill:none;stroke:#e6d4b2;stroke-width:4;stroke-dasharray:6 6}.box-image{cursor:zoom-in}footer{padding:16px 30px;display:flex;justify-content:space-between;border-top:1px solid #292a2d;font-size:8px;letter-spacing:1.2px;color:#b39a6a}@media(max-width:1000px){.workspace{grid-template-columns:125px minmax(0,1fr) 165px;gap:15px;padding:0 15px 15px}.tools button{font-size:10px;padding:12px 9px}.mini-panel h1{font-size:23px}}@media(max-width:700px){header{padding:17px 18px}.brand{font-size:10px}.products{padding:12px 10px}.products button{padding:11px 13px;font-size:11px}.workspace{display:flex;flex-direction:column;gap:12px;padding:0 10px 15px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;order:1}.tools button{justify-content:center;font-size:9px;padding:9px 5px;gap:6px}.tools b{font-size:16px}.stage{order:0;min-height:440px;height:58dvh;width:100%}.mini-panel{order:2;width:100%;padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.mini-panel .micro,.mini-panel h1,.mini-panel p,.mini-panel .truth{grid-column:1/-1}.mini-panel h1{font-size:21px;margin:9px 0}.mini-panel p{margin:0 0 10px;line-height:1.6}.mini-panel>div{grid-column:1/-1}.mini-panel .zoom-label{grid-column:1}.mini-panel>#zoom{grid-column:1;grid-row:auto}.mini-panel>#squeak{grid-column:2;align-self:center;grid-row:5/7}.mini-panel .truth{margin-top:9px}.stage-caption{font-size:7px;left:12px;right:12px}.stage-bottom{font-size:8px;padding:10px}.hotspots button{font-size:9px;padding:7px}.products small{font-size:6px}footer{padding:13px;font-size:7px}}@media(prefers-reduced-motion:reduce){.toy-layer{transition:none}}
.stage[data-product=p1]{background:#07080a}.stage[data-product=p1] #toy{filter:none}.stage[data-product=p1] .stage-caption{background:#07080add;padding:6px}.stage[data-product=p1] #toy-view{background:#07080a}
.glass-masthead{position:relative;width:min(1100px,calc(100% - 60px));margin:24px auto 0;isolation:isolate}.glass-art{position:relative;border:1px solid #a68c5480;border-radius:6px;overflow:hidden;background:#030405;box-shadow:0 25px 65px #000b,0 1px 0 #ead7a566 inset,0 0 35px #ba955b10}.glass-art>img{width:100%;height:auto;display:block}.glass-sheen{pointer-events:none;position:absolute;inset:0;background:linear-gradient(112deg,transparent 11%,#ffffff05 30%,#fff3d515 31%,#ffffff04 32%,transparent 47%),linear-gradient(180deg,#fff2d00e,transparent 16%,transparent 85%,#0005);box-shadow:inset 0 0 0 1px #fff1cb18,inset 0 2px 0 #f5dfab22}@media(max-width:700px){.glass-masthead{width:calc(100% - 20px);margin-top:12px}.glass-art{border-radius:3px}}

.reference-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reference-picks button{background:#121316;border:1px solid #494136;font-size:18px;padding:13px;color:#e5cc98}.reference-layer{opacity:1}.tools button[data-mode=references] b{font-size:13px;letter-spacing:1px}

#reference-controls{position:absolute;z-index:6;top:49px;left:18px;right:18px;display:flex;justify-content:center;gap:10px;align-items:center}#reference-controls .reference-picks{display:flex;gap:5px}#reference-controls .reference-picks button{padding:8px 16px;font-size:15px;background:#101114}#reference-controls .wide{width:auto;margin:0;padding:11px;background:#101114}@media(max-width:700px){#reference-controls{top:40px;left:8px;right:8px;gap:6px}#reference-controls .reference-picks button{padding:8px 13px}#reference-controls .wide{font-size:9px}}

/* Polished black glass with crisp edges and no mirrored image. */
:root{--glass-edge:#ffffff19;--warm-edge:#d2ba842e;--gold:#e5cb92}
html,body{background:#030405;color:#eeeae3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
#inspection{background:linear-gradient(120deg,#ffffff02,transparent 28%,#ffffff01 55%,transparent 75%),#030405}
header{background:linear-gradient(180deg,#ffffff07,transparent 55%),#08090b;border-bottom:1px solid #ffffff10;box-shadow:0 1px 0 #000,0 10px 32px #0005}
.brand{color:#e8d7b0;letter-spacing:2px;text-shadow:0 1px 0 #000,0 -1px 0 #fff2;background:linear-gradient(180deg,#fff9e5 0%,#a89369 40%,#fff4d4 48%,#d4bb83 62%,#958363 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand span{-webkit-text-fill-color:#b6a684;text-shadow:none;letter-spacing:2.5px}
.products{gap:8px;padding:22px 16px}
.products button,.tools button,.wide,.layer-picks button,.angle-picks button,.reference-picks button,.stage-bottom button,#reference-controls .wide,#reference-controls .reference-picks button{border-radius:8px;background:linear-gradient(180deg,#ffffff0e,transparent 44%,#0004 100%),#0b0d10;border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff12,inset 0 -1px 0 #0009,0 5px 15px #0004;transition:border-color .18s,box-shadow .18s,background .18s;color:#c9c8c5}
button[aria-pressed=true]{background:linear-gradient(180deg,#d7bd8320,#d7bd8305 48%,#0004)!important;border-color:#d3b67e8c!important;color:#f2dbad;box-shadow:inset 0 1px 0 #f9e7b63b,inset 0 -1px 0 #0008,0 0 0 1px #d4b77908,0 8px 20px #0005}
@media(hover:hover){button:hover{border-color:#dec48b80;box-shadow:inset 0 1px 0 #ffffff20,0 6px 22px #0008;color:#f0deb8}}
button:active{box-shadow:inset 0 2px 8px #0008}
.tools{gap:9px}.tools b{color:#ccb586}.tools button{min-height:54px}.products button{min-height:44px}
.stage,.stage[data-product=p1]{border-radius:14px;border:1px solid #e1d6bc35;background:#060709;box-shadow:inset 0 1px 0 #ffffff20,inset 1px 0 0 #ffffff08,0 24px 65px #0009,0 0 0 4px #ffffff02;isolation:isolate}
.stage:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:4;border-radius:inherit;border-top:1px solid #f7e7bc52;border-bottom:1px solid #ffffff0a;box-shadow:inset 0 0 0 1px #ffffff03;background:linear-gradient(100deg,transparent 15%,#fff6df07 40%,transparent 67%) top/100% 1px no-repeat}
.stage[data-product=p1] #toy-view{background:#060709}.stage #toy{filter:none}
.stage-caption,.stage[data-product=p1] .stage-caption{background:linear-gradient(180deg,#131518d9,#0a0b0dc9);border:1px solid #ffffff09;border-radius:6px;padding:9px 11px;letter-spacing:1.7px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.stage-bottom{background:linear-gradient(180deg,#ffffff06,transparent 28%),#0a0c0feb;border-top:1px solid #e6dbbf1c;box-shadow:0 -1px 0 #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#b9b9b5}
.hotspots button{background:linear-gradient(180deg,#ffffff10,transparent 60%),#090b0eef;border-color:#c6ab6d66;border-radius:7px;box-shadow:inset 0 1px 0 #ffffff14,0 5px 18px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mini-panel{padding:22px 16px;border:1px solid #ffffff12;border-radius:12px;background:linear-gradient(145deg,#ffffff07,transparent 32%,#ffffff02 65%,transparent),#080a0ce6;box-shadow:inset 0 1px 0 #ffffff0f,0 20px 42px #0005}
.mini-panel h1{color:#f0e5cd;letter-spacing:-.6px;line-height:1.15}.mini-panel p{color:#b5b5b1}.truth{color:#a0a19d}.micro{color:#d2bb88}
input[type=range]{accent-color:#d7bd84;cursor:ew-resize}input[type=range]:focus-visible{outline-offset:5px;border-radius:8px}
.glass-art{border-radius:12px;border-color:#c4a56677;box-shadow:inset 0 1px 0 #ffffff35,0 0 0 4px #ffffff02,0 32px 75px #000c}
.glass-sheen{background:linear-gradient(116deg,transparent 17%,#fff8e403 30%,#fff8e414 30.3%,#fff8e403 31%,transparent 48%),linear-gradient(180deg,#fff2d008,transparent 14%,transparent 86%,#0003);box-shadow:inset 0 1px 0 #ffefc54d,inset 0 0 0 1px #fff1cb14}


footer{border-top-color:#ffffff0c;background:linear-gradient(180deg,#ffffff02,transparent);color:#b3a180;padding-top:20px;padding-bottom:20px}
@media(max-width:1000px){.mini-panel{padding:18px 12px}.workspace{gap:18px}}
@media(max-width:700px){.glass-masthead{width:calc(100% - 24px);margin-top:15px}.glass-art{border-radius:9px}.products{padding:15px 12px 18px;gap:7px}.products button{padding:12px 14px}.workspace{padding:0 12px 18px;gap:15px}.stage{border-radius:12px}.stage-caption,.stage[data-product=p1] .stage-caption{padding:7px 8px;font-size:7px;letter-spacing:1.1px}.tools{gap:7px}.tools button{min-height:52px;padding:10px 6px;border-radius:8px}.mini-panel{padding:18px 15px;column-gap:16px;border-radius:12px}.mini-panel h1{margin:10px 0 12px}.mini-panel p{margin-bottom:8px}#reference-controls{top:49px}.stage-bottom{padding:12px}.stage-bottom button{min-height:36px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}

/* Clear brand lettering at every screen size. */
.brand{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#f4e2b8;color:#f4e2b8;font-weight:700;line-height:1.45;text-shadow:0 1px 1px #000,0 -1px 0 #ffffff24;letter-spacing:1.6px}
.brand span{color:#d5c39f;-webkit-text-fill-color:#d5c39f;font-weight:600;line-height:1.6;letter-spacing:2px}
@media(max-width:700px){.brand{font-size:12px;letter-spacing:1.35px}.brand span{font-size:8px;letter-spacing:1.5px;margin-top:7px}header{gap:14px}.brand{min-width:0}#fullscreen{flex-shrink:0}}

.prototype-notice{max-width:1100px;margin:0 auto 20px;padding:12px 18px;border:1px solid #c5aa6c35;border-radius:8px;background:#0c0e11;color:#cecbc4;text-align:center;font-size:12px;line-height:1.65}.prototype-notice strong{font-weight:600;color:#f1d9a4}@media(max-width:700px){.prototype-notice{margin:0 12px 16px;padding:11px 13px;font-size:11px}.prototype-notice strong{display:block}.products button{padding:11px 12px}}

/* Keep playback announcements accessible without an extra public footer. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mini-panel .truth{display:none}