.page{font-family:system-ui,sans-serif;max-width:1200px;margin:0 auto;padding:24px}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}h1{margin:0;font-size:1.4rem}h2{margin:0 0 12px;font-size:1.1rem}.sub{margin:0;opacity:.7;flex:1 1 100%}.controls{display:flex;gap:10px;flex-wrap:wrap}.section{margin-bottom:32px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0}button{padding:8px 14px;border-radius:8px;border:1px solid #ccc;cursor:pointer;background:#fff}button.sm{padding:4px 10px;font-size:12px}button:disabled{opacity:.6;cursor:not-allowed}.switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:999px;transition:background .2s ease;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.switch input:checked+.switch-track{background:#f59e0b}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid #f59e0b;outline-offset:2px}button.danger{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}button.danger:hover{background:#fee2e2}.hint{margin:0 0 20px;font-size:13px;opacity:.75}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top}th{background:#f9fafb}tr.reversed{background:#fff7ed}.mono{font-family:ui-monospace,monospace;word-break:break-all}.cell-multi{white-space:pre-line;line-height:1.45;min-width:220px}.error{color:#b91c1c}.empty{opacity:.7}