:root{color-scheme:light dark;--bg: #eef1f5;--panel: #ffffff;--border: #e0e4ea;--border-strong: #c4cad3;--text: #1c1f24;--muted: #666e7a;--faint: #99a1ad;--accent: #2563eb;--accent-soft: #eaf1ff;--accent-line: #bfd3ff;--danger: #c5221f;--head: #f3f5f8;--stripe: #fafbfc;--field-off: #f2f4f7;--warn-text: #8a5a00;--warn-bg: #fff6e0;--warn-border: #f0d9a0;--shadow-panel: 0 1px 2px rgba(16, 24, 40, .04);--radius: 8px}@media(prefers-color-scheme:dark){:root{--bg: #14171c;--panel: #1b1f26;--border: #2b313a;--border-strong: #3d4552;--text: #e6e9ee;--muted: #9aa4b2;--faint: #6d7683;--accent: #5b9dff;--accent-soft: #1d2a3c;--accent-line: #31507f;--danger: #ff8079;--head: #222732;--stripe: #1e222a;--field-off: #23282f;--warn-text: #efc06a;--warn-bg: #2d2617;--warn-border: #544620;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}body{margin:0;padding:16px;background:var(--bg);color:var(--text);font:13px/1.55 Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:960px;margin:0 auto}.banner{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px}.banner h1{font-size:16px;margin:0 0 4px}.banner p{margin:0;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:14px 16px;margin-bottom:16px}.panel>h2{font-size:14px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.hint{color:var(--muted);font-size:13px}.faint{color:var(--faint)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.total{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:5px 8px;border-bottom:1px solid var(--border)}thead th{background:var(--head);text-align:left;font-weight:600;position:sticky;top:0}tbody tr:nth-child(2n){background:var(--stripe)}.scroll{overflow-x:auto}.grid-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid-cols h3{font-size:13px;margin:0 0 6px;color:var(--muted)}.grid-cols ul{margin:0;padding-left:18px}.grid-cols li{font-size:13px}.editor{display:grid;grid-template-columns:200px 1fr;gap:16px}@media(max-width:700px){.editor{grid-template-columns:1fr}}.list{border:1px solid var(--border);border-radius:6px;overflow:hidden}.list button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-bottom:1px solid var(--border);background:var(--panel);cursor:pointer;font:inherit;color:var(--text)}.list button:last-child{border-bottom:0}.list button:hover{background:var(--stripe)}.list button.is-active{background:var(--accent-soft);font-weight:600}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px}.field{display:flex;flex-direction:column;gap:3px}.field>span{font-size:12px;color:var(--muted)}.field input,.field select{padding:5px 7px;border:1px solid var(--border-strong);border-radius:5px;font:inherit;background:var(--panel);color:var(--text)}.field input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer}.field-group{margin-bottom:12px}.field-group>h4{font-size:12px;color:var(--muted);margin:0 0 6px;padding-bottom:4px;border-bottom:1px dashed var(--border)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.busy{opacity:.55;transition:opacity .15s}.error{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:var(--radius);padding:14px 16px}
