:root{color-scheme:light;--bg: #f3f4f6;--panel: #ffffff;--panel-2: #eceef2;--hover: #e1e4ea;--border: #d3d7de;--text: #1b1f26;--muted: #5c6672;--accent: #2563c9;--on-accent: #ffffff;--accent-2: #1f8a5b;--on-accent-2: #ffffff;--danger: #c0392b;--warn: #b8700e;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%235c6672' stroke-width='1.5'/></svg>");--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1a1c1f;--panel: #24272c;--panel-2: #2c3036;--hover: #353a42;--border: #3a3f47;--text: #e8e9ec;--muted: #9aa1ab;--accent: #6ea8fe;--on-accent: #0b1220;--accent-2: #4caf85;--on-accent-2: #07140d;--danger: #e06c6c;--warn: #d68910;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%239aa1ab' stroke-width='1.5'/></svg>")}}:root[data-theme=dark]{color-scheme:dark;--bg: #1a1c1f;--panel: #24272c;--panel-2: #2c3036;--hover: #353a42;--border: #3a3f47;--text: #e8e9ec;--muted: #9aa1ab;--accent: #6ea8fe;--on-accent: #0b1220;--accent-2: #4caf85;--on-accent-2: #07140d;--danger: #e06c6c;--warn: #d68910;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%239aa1ab' stroke-width='1.5'/></svg>")}html{font-size:125%}*{box-sizing:border-box}fieldset{min-inline-size:0}body{margin:0;background:var(--bg);color:var(--text);font-size:.875rem}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:6px 12px;border-radius:var(--radius);transition:background .12s,border-color .12s}button:hover{background:var(--hover)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover{filter:brightness(1.08)}button.danger{border-color:var(--danger);color:var(--danger);background:transparent}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover{color:var(--text);background:var(--panel-2)}input,select{font:inherit;background-color:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;width:100%}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:26px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 8px center}select option{background:var(--panel);color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:3px}.field{margin-bottom:10px}.row{display:flex;gap:10px}.row>*{flex:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.muted{color:var(--muted)}.checkbox{display:flex;align-items:center;gap:6px}.checkbox input{width:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.75rem}@media (max-width: 760px){.row{flex-wrap:wrap}.row>*{flex:1 1 140px;min-width:0}input,select{font-size:1rem}.card{padding:12px 10px}table{display:block;overflow-x:auto;white-space:nowrap}button{min-height:40px}}@media (hover: none){button{min-height:40px}}