:root{--paper:#f4f2ee;--ink:#242530;--muted:#767680;--line:#dcdad7;--dark:#0d1221;--accent:#f6bc67}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,.upload{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:default}button,a,input,select,.upload{outline-offset:4px}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;font-size:11px}.brand{display:flex;align-items:center;gap:14px;letter-spacing:1.2px;font-size:10px}.brand>span{font-size:25px}.brand b{color:#aaa;font-weight:400}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:36px 0 30px;gap:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.4px;color:var(--muted);margin:0}h1{font-weight:450;font-size:clamp(38px,4.4vw,62px);letter-spacing:-2.5px;line-height:1.01;margin:15px 0 0}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.intro-note{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.source-bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0}.source-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-options button,.upload{border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:4px;font-size:11px}.source-options button.active{background:#292c38;color:#fff;border-color:#292c38}.upload input{display:none}.upload span{margin-left:5px;color:var(--muted)}#status{color:var(--muted);font-size:10px;text-align:right;max-width:40%;overflow-wrap:anywhere}#error{padding:14px 18px;border:1px solid #d2a08c;background:#f9e8df;color:#713523;margin-bottom:14px;line-height:1.7}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{min-width:0;border:1px solid #262c3b;border-radius:6px;overflow:hidden;background:var(--dark)}.panel-heading{height:47px;background:#101625;color:#cbd0dd;display:flex;justify-content:space-between;align-items:center;padding:0 17px;gap:10px;font-size:8px;letter-spacing:1.1px;border-bottom:1px solid #ffffff0a}.panel-heading b{color:#68738d;font-weight:500;margin-right:12px}.panel-heading strong{font-weight:500}.panel-heading>span:last-child{color:#8d98ae;letter-spacing:.1px;font-size:9px}.source-stage,.eye-stage{position:relative;height:380px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#202840,#101727 65%,#0d1221)}.source-stage canvas,.eye-stage canvas{width:100%;height:100%;display:block}.source-stage canvas{position:absolute;inset:0}#source-overlay{pointer-events:none}#eye-canvas{touch-action:none;cursor:grab}#eye-canvas:active{cursor:grabbing}.stage-tag{position:absolute;top:15px;left:17px;font-size:9px;letter-spacing:.2px;color:#e2e8f0;text-shadow:0 1px 5px #0d1221;pointer-events:none}.stage-caption{position:absolute;bottom:14px;left:17px;right:17px;font-size:9px;color:#ecedee;text-shadow:0 1px 4px #000;pointer-events:none}.eye-legend{position:absolute;bottom:14px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#8996af;pointer-events:none}.eye-legend button{pointer-events:auto;color:#afb8cc;border:0;background:transparent;font-size:9px}.source-controls,.eye-controls{min-height:60px;padding:12px 15px;display:flex;align-items:center;gap:12px;background:#faf9f6;font-size:10px}.play{background:#292c38;color:white;width:31px;height:31px;flex-shrink:0;border-radius:50%;border:0;font-size:12px}#source-clock{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:40px;color:#66616c}.travel-control{display:flex;align-items:center;gap:10px;margin-left:auto;color:#817986}.travel-control input{max-width:145px}.travel-control output{width:25px;font-variant-numeric:tabular-nums}.eye-controls{justify-content:space-between;gap:8px}.eye-controls>div{display:flex;gap:2px}.eye-controls button{padding:7px 9px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:10px;color:#86808a}.eye-controls button.active{border-color:#dcd8d0;background:#eeebe6;color:#363240}.eye-controls label{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#817986}select{border:0;background:transparent;color:#635d6b;max-width:100%;padding:5px;font-size:10px}input[type=range]{accent-color:#827582;height:3px;cursor:pointer;min-width:40px}input[type=checkbox]{accent-color:#827582}.media-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.media-controls label{display:flex;align-items:center;gap:5px;color:#817986}#fov{width:65px}.pose-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:35px;padding:25px 1px;border-bottom:1px solid var(--line)}.pose-controls label{display:flex;flex-direction:column;gap:13px}.pose-controls label>span{display:flex;justify-content:space-between;color:#4c4854;font-size:11px}.pose-controls output{font-variant-numeric:tabular-nums;color:#7a6976}.pose-controls input{width:100%;margin:0}.pose-controls small{font-size:9px;color:#928893}.pose-controls button{border:1px solid var(--line);background:transparent;border-radius:4px;padding:9px 12px;font-size:10px;color:#7a707f}.inspection{display:grid;grid-template-columns:minmax(0,1fr) 300px;border-bottom:1px solid var(--line);gap:28px;padding:26px 0}.field-panel{min-width:0}.field-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}#field-help{font-size:9px;color:#968a97}.field-stage{height:220px;border-radius:4px;overflow:hidden;background:#0d1221}.field-stage canvas{display:block;width:100%;height:100%;cursor:crosshair}.field-labels{display:flex;justify-content:space-between;padding-top:8px;color:#928693;font-size:9px}.inspection aside{padding:0 0 0 25px;border-left:1px solid var(--line)}.inspector-top{display:flex;justify-content:space-between;align-items:center}.inspector-top button{background:transparent;border:1px solid var(--line);padding:2px 8px;font-size:14px;border-radius:3px;color:#847888}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.7px;margin:12px 0 0}#facet-side{font-size:10px;color:#958794;margin:4px 0 13px}.sample-row{display:flex;align-items:center;gap:12px}#sample-swatch{width:38px;height:38px;border:1px solid #ddd5d0;border-radius:5px;background:#181c26}.sample-row strong{display:block;font-variant-numeric:tabular-nums;font-weight:500;font-size:17px}.sample-row span{font-size:9px;color:#938494}dl{font-size:10px;margin:15px 0 0}dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #e7e2de}dt{color:#958794}dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;color:#665767}.inspector-note{font-size:9px;line-height:1.7;color:#978897;margin:10px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:27px 0 13px}.notes p:not(.eyebrow){font-size:11px;color:#89818c;line-height:1.8;max-width:620px}footer{padding:18px 0 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#928996;font-size:9px}footer a{white-space:nowrap}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:1450px){.source-stage,.eye-stage{height:430px}.field-stage{height:245px}}@media(max-width:1100px){.source-stage,.eye-stage{height:325px}.workspace{gap:12px}.eye-controls{flex-wrap:wrap}.source-controls{flex-wrap:wrap;gap:8px}.media-controls{gap:4px}.pose-controls{gap:22px}.inspection{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.inspection aside{padding-left:20px}.travel-control input{width:90px}.field-stage{height:210px}.panel-heading>span:last-child{max-width:45%;text-align:right}}@media(max-width:780px){header{height:57px;font-size:9px}.brand{font-size:8px;gap:8px;letter-spacing:.6px}.intro{padding:27px 0 23px}.intro-note{display:none}h1{font-size:46px}.source-bar{align-items:flex-start;flex-direction:column;gap:9px}#status{max-width:100%;text-align:left}.workspace{grid-template-columns:1fr;gap:15px}.source-stage{height:320px}.eye-stage{height:370px}.panel-heading>span:last-child{max-width:60%}.source-controls,.eye-controls{min-height:58px}.pose-controls{grid-template-columns:1fr 1fr;gap:22px 25px;padding:22px 0}.pose-controls button{justify-self:start}.inspection{grid-template-columns:1fr;padding:23px 0;gap:25px}.inspection aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}.field-stage{height:200px}.field-heading{align-items:flex-start;flex-direction:column;gap:5px}.notes{grid-template-columns:1fr;gap:15px}.notes p:not(.eyebrow){font-size:11px}footer{flex-direction:column;gap:8px}.eye-controls{flex-wrap:nowrap}.travel-control input{width:120px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}