:root{--ground: #0F1A21;--panel: #16242E;--panel2: #111D25;--rule: #2C4351;--chalk: #C9D8E0;--dim: #7C97A4;--cote: #6BA8BE;--oak-a: #C08A4A;--oak-b: #A9743C;--oak-c: #D0A063;--flag: #FF6B4F;--ok: #7FC9A0;--sel: #8B5CF6;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;--cond: "Helvetica Neue Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow", Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--chalk);font-family:var(--mono);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body{padding:18px 16px 48px;max-width:1500px;margin:0 auto}header{border-bottom:1px solid var(--rule);padding-bottom:12px;margin-bottom:18px}h1{font-family:var(--cond);font-weight:700;font-size:clamp(22px,5.4vw,34px);letter-spacing:.06em;text-transform:uppercase;margin:0;color:#eaf2f6}.sub{color:var(--dim);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}fieldset{border:1px solid var(--rule);background:var(--panel);padding:14px;margin:0 0 14px}legend{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--cote);padding:0 6px}input[type=number],select{width:100%;background:var(--panel2);color:#eaf2f6;border:1px solid var(--rule);padding:8px 9px;font-family:var(--mono);font-size:15px;border-radius:0}input:disabled,select:disabled{opacity:.35}input[type=number]:focus,select:focus,input[type=range]:focus-visible,button:focus-visible{outline:2px solid var(--cote);outline-offset:1px}input[type=range]{width:100%;accent-color:var(--cote)}button{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--panel2);color:var(--cote);border:1px solid var(--cote);padding:8px 11px;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}@media(hover:hover){button:hover{background:var(--cote);color:var(--ground)}button:disabled:hover{background:var(--panel2);color:var(--cote)}}textarea{width:100%;height:110px;background:var(--panel2);color:var(--chalk);border:1px solid var(--rule);font-family:var(--mono);font-size:11px;padding:8px;margin:9px 0;resize:vertical;border-radius:0}textarea:focus{outline:2px solid var(--cote);outline-offset:1px}figure{margin:0;border:1px solid var(--rule);background:var(--panel);padding:10px}svg{width:100%;height:auto;display:block}.blk{touch-action:none;cursor:move}.hdl{touch-action:none;cursor:nwse-resize}.hdl.nesw{cursor:nesw-resize}.ph{touch-action:none;cursor:ew-resize}.pk{cursor:pointer;touch-action:manipulation}.flag{color:var(--flag)}.ok{color:var(--ok)}@media(max-width:640px){body{padding:10px 10px 32px}}@media(hover:none),(pointer:coarse){button,input[type=number],select{min-height:44px}}