:root { color-scheme: dark; --bg:#0f1115; --panel:#171a21; --border:#2b303b; --text:#e8eaf0; --muted:#9ba3b4; --accent:#7aa2f7; --danger:#ff757f; --warn:#e0af68; }
* { box-sizing: border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(1100px, calc(100% - 28px)); margin:34px auto; }
header { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:18px; }
h1 { font-size:24px; margin:0; }
a { color:var(--accent); text-decoration:none; }
p { margin:0 0 12px; }
.card { background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:16px; }
textarea { width:100%; min-height:58vh; resize:vertical; border:1px solid var(--border); border-radius:10px; background:#0b0d11; color:var(--text); padding:14px; font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; outline:none; }
textarea:focus, select:focus, button:focus, input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(122,162,247,.16); outline:none; }
.toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:12px; }
button, .button { border:1px solid var(--border); border-radius:9px; background:#222733; color:var(--text); padding:9px 14px; cursor:pointer; font:inherit; }
button.primary { background:var(--accent); color:#0b0d11; border-color:var(--accent); font-weight:700; }
button:disabled { opacity:.55; cursor:default; }
select, input { border:1px solid var(--border); border-radius:9px; background:#0b0d11; color:var(--text); padding:9px 11px; font:inherit; }
input[type=checkbox] { padding:0; margin:0; accent-color:var(--accent); }
.check { display:inline-flex; gap:7px; align-items:center; color:var(--muted); font-size:14px; cursor:pointer; }
#link { flex:1; min-width:220px; font:14px ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace; }
.spacer { flex:1; }
.meta { color:var(--muted); font-size:13px; }
.notice { color:var(--muted); font-size:13px; margin:12px 0 0; }
.error { color:var(--danger); }
.warn { color:var(--warn); }
.table-wrap { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:14px; }
th, td { padding:7px 10px; border-bottom:1px solid var(--border); text-align:right; white-space:nowrap; }
th:first-child, td:first-child { text-align:left; }
th { color:var(--muted); font-weight:600; }
tr.total td { font-weight:700; }
#status { min-width:90px; color:var(--muted); font-size:13px; }
@media (max-width:600px) { main { margin:18px auto; width:min(100% - 18px,1100px); } textarea { min-height:62vh; } .spacer { display:none; } }