html,body,#tsl-picker-app{min-height:100%;margin:0}body{color:#e9f5ff;background:#0b1420;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#tsl-picker-app{isolation:isolate;background:radial-gradient(circle at 75% 20%,#71caff2e,#0000 32%),radial-gradient(circle at 18% 80%,#ffbd6021,#0000 35%),#0b1420;min-height:100svh;position:relative;overflow:hidden}#tsl-picker-app:before{z-index:1;pointer-events:none;content:"";opacity:.24;background-image:linear-gradient(#aad6ff0d 1px,#0000 1px),linear-gradient(90deg,#aad6ff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}#scene-shell{z-index:0}.picker-hud{z-index:3;pointer-events:none;width:min(39rem,100vw - 2.5rem);position:absolute;top:clamp(1.1rem,3.5vh,2.5rem);left:clamp(1.25rem,5vw,5.5rem)}.picker-hud>*{pointer-events:auto}.back-link{color:#9edcff;letter-spacing:.08em;font:11px/1.2 DM Mono,monospace;text-decoration:none}.eyebrow{color:#ffc77d;letter-spacing:.16em;margin-top:1.15rem;font:11px/1.2 DM Mono,monospace}h1{letter-spacing:-.06em;max-width:34rem;margin:.45rem 0 .6rem;font-size:clamp(2.2rem,5.5vw,4.8rem);line-height:.94}.intro{color:#bed0df;max-width:34rem;margin:0;font-size:14px;line-height:1.55}.status-panel,.control-panel,.unsupported-panel,.error-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08111cbf;border:1px solid #a5daff2e;border-radius:1rem;max-width:38rem;margin-top:1rem;box-shadow:0 18px 60px #00000040}.status-panel{padding:.85rem 1rem}.loading-row{color:#eff9ff;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:1rem;font:12px/1.3 DM Mono,monospace;display:flex}.loading-detail{color:#9eb4c4;margin-top:.45rem;font:11px/1.45 DM Mono,monospace}.control-panel{padding:.85rem 1rem 1rem}.button-row{flex-wrap:wrap;gap:.45rem;display:flex}button{color:#eaf8ff;cursor:pointer;text-transform:uppercase;background:#3f86ae3b;border:1px solid #9edcff80;border-radius:.55rem;padding:.5rem .7rem;font:11px/1.2 DM Mono,monospace}button:hover:not(:disabled){background:#70bef159}button:disabled{cursor:not-allowed;opacity:.45}.validation{color:#a9bed0;margin-top:.75rem;font:11px/1.45 DM Mono,monospace}.validation[data-state=computed]{color:#a8f5cc}.validation[data-state=failed]{color:#ffadad}.metrics{grid-template-columns:repeat(3,max-content);gap:.65rem 1.2rem;margin:1rem 0 0;display:grid}.metrics div{gap:.18rem;display:grid}.metrics dt{color:#7790a2;letter-spacing:.12em;text-transform:uppercase;font:9px/1 DM Mono,monospace}.metrics dd{color:#e5f6ff;margin:0;font:12px/1.2 DM Mono,monospace}.result-grid{gap:.45rem;margin-top:1rem;display:grid}.result-row{background:#ffffff06;border:1px solid #a5daff1a;border-radius:.55rem;grid-template-columns:7rem minmax(8rem,1fr) 1.5fr;align-items:baseline;gap:.7rem;padding:.45rem .6rem;display:grid}.result-row span{color:#819bad;letter-spacing:.08em;font:9px/1.2 DM Mono,monospace}.result-row strong{color:#dcefff;font:11px/1.2 DM Mono,monospace}.result-row strong[data-state=pass]{color:#a8f5cc}.result-row strong[data-state=source]{color:#ffd08e}.result-row strong[data-state=fail]{color:#faa}.result-row small{color:#8fa8bb;font:10px/1.3 DM Mono,monospace}.boundary-note,.hint{color:#8fa8bb;max-width:38rem;font:10px/1.5 DM Mono,monospace}.boundary-note{margin:1rem 0 0}.hint{margin:.85rem 0 0}.hint a{color:#a7ddff}.unsupported-panel,.error-panel{color:#ffcf9c;padding:.85rem 1rem;font:11px/1.45 DM Mono,monospace}.unsupported-panel strong,.error-panel strong{color:#fff0dc;margin-bottom:.35rem;display:block}.error-panel{color:#ffb8b8}.scene-label{z-index:2;color:#def2ffcc;text-align:center;letter-spacing:.12em;pointer-events:none;width:9rem;margin-left:-4.5rem;font:10px/1.35 DM Mono,monospace;position:absolute;top:66%}.scene-label span{color:#a4c4d8b8;letter-spacing:.04em}.label-left{left:61%}.label-center{left:76%}.label-right{left:91%}.signature{z-index:2;color:#bbdcef80;letter-spacing:.16em;font:10px/1 DM Mono,monospace;position:absolute;bottom:1.2rem;right:1.5rem}code{color:#d8eefe}@media (width<=960px){body{overflow:auto}#tsl-picker-app{min-height:1120px}.picker-hud{width:auto;margin:0 1rem;padding-top:1.2rem;position:relative;top:auto;left:auto}#scene-shell{min-height:1120px}.scene-label{top:87%}.label-left{left:28%}.label-center{left:50%}.label-right{left:72%}.metrics{grid-template-columns:repeat(2,max-content)}.result-row{grid-template-columns:7rem 1fr}.result-row small{grid-column:2}.signature{display:none}}