:root{--bg: #16171c;--panel: #22242c;--text: #e8e9ee;--muted: #9ea1ad;--accent: #5b7cfa;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}input,select,button{font:inherit;color:inherit;background:#2f323d;border:1px solid #ffffff22;border-radius:8px;padding:.5rem .7rem}input[type=file]{padding:.3rem;font-size:.8rem}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{background:var(--accent);border-color:transparent;color:#fff}.field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--muted)}.field.check{flex-direction:row;align-items:center;gap:.5rem;color:var(--text)}.field input[type=range]{width:100%}.hint{color:var(--muted);font-size:.8rem;margin:0}button.active{background:var(--accent);color:#fff}button.danger{background:#8b2b2b;color:#fff}button.trash{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;color:var(--muted)}button.trash:hover:not(:disabled){color:#e5534b}button.small{padding:.2rem .6rem;font-size:.8rem}
