:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f3ee;--surface:#fff;--surface-2:#f0ede6;--text:#1f2328;--text-muted:#6b7280;--border:#ddd8cc;--accent:#2f6fd6;--accent-text:#fff;--danger:#c0392b;--good:#2e9d57;--fair:#d4a017;--poor:#e07020;--clash:#d03030;--radius:10px;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171b;--surface:#1d2025;--surface-2:#252930;--text:#e6e8eb;--text-muted:#9aa1ab;--border:#343941;--accent:#5b8ff0;--danger:#f06060;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100%}.app{min-height:100%}.app.on-floor{height:100%}.app{flex-direction:column;display:flex}header.top{padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}header.top h1{margin:0;font-size:18px}header.top nav{flex-wrap:wrap;gap:4px;display:flex}header.top nav a{color:var(--text);border-radius:8px;padding:6px 10px;text-decoration:none}header.top nav a.current{background:var(--accent);color:var(--accent-text)}header.top .build{margin-left:auto}main{flex-direction:column;flex:1;display:flex}.page{flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h2,.card h3{margin:0 0 8px}.muted{color:var(--text-muted)}.small{font-size:13px}.error{color:var(--danger)}button{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.big{padding:12px 22px;font-size:20px}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 9px}label{flex-direction:column;gap:4px;font-size:14px;display:flex}.row-fields{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.row-fields label:first-child{flex:1;min-width:200px}.buttons,.marks{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.mark-form{gap:8px;margin:8px 0;display:flex}.mark-form input{flex:1;min-width:0}.notes{margin-top:12px}.notes textarea{min-height:60px}.meter{background:var(--surface-2);border-radius:6px;height:26px;margin-bottom:10px;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--good) 0%, var(--good) 70%, var(--fair) 85%, var(--clash) 100%);height:100%;transition:width 80ms linear}.meter span{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;padding-right:8px;font-size:13px;display:flex;position:absolute;inset:0}.spectro{background:#000004;border-radius:6px;height:260px;position:relative;overflow:hidden}.spectro.tall{cursor:crosshair;flex:1;height:380px}.spectro canvas{width:100%;height:100%;position:absolute;inset:0}.spectro .axis span{color:#cfd3da;text-shadow:0 0 3px #000;pointer-events:none;font-size:11px;position:absolute;left:4px;transform:translateY(-50%)}.spectro .marker{pointer-events:none;border-left:2px dashed #4ad0ff;position:absolute;top:0;bottom:0}.spectro .marker span{white-space:nowrap;color:#4ad0ff;text-shadow:0 0 3px #000;font-size:12px;position:absolute;top:4px;left:4px}.spectro .cursor{pointer-events:none;border-left:2px solid #fff;position:absolute;top:0;bottom:0}.spectro .time-axis span{color:#cfd3da;text-shadow:0 0 3px #000;pointer-events:none;font-size:11px;position:absolute;bottom:2px;transform:translate(-50%)}.spectro-file{gap:6px;display:flex}.peak-strip{background:var(--surface-2);border-radius:6px;flex:none;width:110px;position:relative}.peak-strip .peak{background:var(--fair);height:2px;position:absolute;left:0}.peak-strip .peak span{white-space:nowrap;font-size:10px;position:absolute;top:-8px;right:2px}.player{width:100%;margin:8px 0}.scroll{width:100%}table.peaks{border-collapse:collapse;font-variant-numeric:tabular-nums}table.peaks td,table.peaks th{text-align:right;padding:2px 12px 2px 0}.app.on-floor header.top{display:none}.page.floor{background:#0d0f12;flex:1;max-width:none;padding:0;position:relative}.floor-canvas{position:absolute;inset:0}.floor-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.floor-controls{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:var(--radius);color:#e6e8eb;background:#1d2025d9;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:absolute}.floor-controls label{flex-direction:row;align-items:center}.floor-controls .muted{color:#9aa1ab;flex:1;min-width:200px}.floor-controls a{color:#9ec1ff}