:root{color-scheme:dark;--ink:#eef1ec;--muted:#818985;--line:rgba(238,241,236,.12);--panel:#101314;--black:#090b0c;--signal:#d9ff43}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--black);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.app{height:100vh;min-height:680px;display:grid;grid-template-rows:58px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);letter-spacing:.12em;font-size:11px}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:700}.brand-mark{width:16px;height:16px;border:1px solid var(--ink);border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;width:6px;height:1px;background:var(--signal);top:7px;right:-4px}.hardware-status{display:flex;align-items:center;gap:11px;color:#a7afaa;font-variant-numeric:tabular-nums}.status-dot{width:6px;height:6px;background:var(--signal);border-radius:50%;box-shadow:0 0 10px #d9ff4380}.divider{width:1px;height:12px;background:var(--line)}.workspace{min-height:0;display:grid;grid-template-columns:370px 1fr}.controls{overflow:auto;padding:42px 28px 26px;border-right:1px solid var(--line);background:var(--panel)}.eyebrow{color:var(--signal)!important;letter-spacing:.16em;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.intro h1{margin:14px 0 18px;max-width:310px;font-size:clamp(32px,3vw,45px);line-height:1.06;letter-spacing:-.05em;font-weight:570}.intro p{max-width:300px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}.control-section{margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.section-heading,.slider-copy{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:11px;letter-spacing:.12em}.section-heading span{color:var(--signal);font-size:11px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.preset{appearance:none;height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;text-align:left;font-size:12px}.preset span{color:#69706d;font:9px ui-monospace,monospace}.preset:hover{border-color:#ffffff40}.preset.active{background:var(--ink);border-color:var(--ink);color:#111}.preset.active span{color:#707570}.sliders{display:grid;gap:21px}.slider-row{display:grid;gap:10px}.slider-copy{font-size:11px}.slider-copy b{font-weight:560}.slider-copy output{color:#a7afaa;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}input[type=range]{appearance:none;width:100%;height:12px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#444a47}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px var(--panel)}input[type=range]::-moz-range-track{height:1px;background:#444a47}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--signal)}.actions{display:grid;grid-template-columns:1.45fr 1fr;gap:8px;margin-top:28px}.action{height:43px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;font-size:11px}.action span{color:#626966;font:8px ui-monospace,monospace}.action.primary{background:var(--signal);border-color:var(--signal);color:#111;font-weight:650}.action.primary span{color:#5f6d20}.stage{position:relative;min-width:0;overflow:hidden;background:#080a0b}#preview{width:100%;height:100%;display:block}.stage-label,.wind-readout,.face-label,.frame-data{position:absolute;pointer-events:none}.top-left{top:26px;left:28px}.stage-label span,.wind-readout span,.frame-data span{display:block;color:#737b77;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.stage-label strong{display:block;margin-top:5px;font-size:12px;font-weight:560}.top-right{top:25px;right:28px}.wind-readout{display:flex;align-items:center;gap:12px;text-align:right}.wind-readout strong{display:block;margin-top:4px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.compass{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;position:relative}.compass:before,.compass:after{content:"";position:absolute;background:var(--line)}.compass:before{width:1px;height:100%;left:16px}.compass:after{height:1px;width:100%;top:16px}.compass span{position:absolute;width:2px;height:13px;background:var(--signal);left:15px;top:3px;transform-origin:1px 14px}.face-label{display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}.face-label span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font:9px ui-monospace,monospace}.face-label b{color:#9ba39f;font-size:9px;font-weight:500;white-space:nowrap}.frame-data{left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}.frame-data b{display:block;margin-top:5px;color:#b6bcb8;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.stage{height:72vh;min-height:560px}}@media(max-width:540px){.topbar{padding:0 15px}.hardware-status .divider,.hardware-status span:nth-last-child(-n+2){display:none}.controls{padding:30px 20px 24px}.frame-data{grid-template-columns:1fr 1fr;gap:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}