:root{--teal-600:#0d9488;--teal-700:#0f766e;--slate-900:#0f172a;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-50:#f8fafc;--red-600:#dc2626;--amber-700:#b45309}*{box-sizing:border-box}body{color:var(--slate-900);background:#fff;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.pane{flex-direction:column;gap:12px;padding:16px;display:flex}.brand h1{margin:0;font-size:16px;font-weight:600}.muted{color:var(--slate-500);margin:4px 0 0}.small{font-size:12px}.tabs{border-bottom:1px solid var(--slate-200);gap:4px;display:flex}.tab{cursor:pointer;font:inherit;color:var(--slate-500);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px}.tab.active{color:var(--teal-700);border-bottom-color:var(--teal-600);font-weight:600}.field{flex-direction:column;gap:4px;display:flex}.field span{color:var(--slate-600);font-size:12px;font-weight:500}.field input{border:1px solid var(--slate-300);font:inherit;color:var(--slate-900);border-radius:6px;padding:8px 10px}.field input:focus{outline:2px solid var(--teal-600);outline-offset:-1px;border-color:var(--teal-600)}.field input:disabled{background:var(--slate-50);color:var(--slate-500)}button.primary{cursor:pointer;background:var(--teal-600);color:#fff;font:inherit;border:0;border-radius:6px;padding:9px 12px;font-weight:600}button.primary:hover:not(:disabled){background:var(--teal-700)}button.primary:disabled{opacity:.5;cursor:default}button.link{cursor:pointer;font:inherit;color:var(--slate-500);text-align:left;background:0 0;border:0;padding:4px 0;font-size:12px}button.link:hover:not(:disabled){color:var(--teal-700)}.card{border:1px solid var(--slate-200);background:var(--slate-50);border-radius:8px;padding:12px}.card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);font-size:11px}.card .subject{word-break:break-word;margin:4px 0 0;font-weight:600}.error{color:var(--red-600);margin:0;font-size:12px}.notice{color:var(--slate-600);margin:0;font-size:12px}.dev-banner{color:var(--amber-700);background:#fffbeb;border-top:1px solid #fde68a;margin:0;padding:8px 16px;font-size:11px}@media (prefers-color-scheme:dark){body{color:#f1f5f9;background:#0f172a}.field input{color:#f1f5f9;background:#1e293b;border-color:#334155}.card{background:#1e293b;border-color:#334155}.tabs{border-bottom-color:#334155}}.field select,.field textarea{border:1px solid var(--slate-300);font:inherit;color:var(--slate-900);background:#fff;border-radius:6px;width:100%;padding:8px 10px}.field textarea{resize:vertical;min-height:84px}.field select:focus,.field textarea:focus{outline:2px solid var(--teal-600);outline-offset:-1px;border-color:var(--teal-600)}.field select:disabled,.field textarea:disabled{background:var(--slate-50);color:var(--slate-500)}a.as-button{text-align:center;background:var(--teal-600);color:#fff;border-radius:6px;padding:9px 12px;font-weight:600;text-decoration:none;display:block}a.as-button:hover{background:var(--teal-700)}code{background:var(--slate-100,#f1f5f9);border-radius:3px;padding:1px 4px;font-size:11px}@media (prefers-color-scheme:dark){.field select,.field textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}code{background:#334155}}