:root{color-scheme:dark;--bg: #0c0e12;--bg2: #12151c;--surface: #171b24;--border: #2a3142;--text: #e8ecf4;--muted: #8b95a8;--accent: #6ee7b7;--accent2: #38bdf8;--danger: #f87171;--radius: 12px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a2332 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#13222a 0%,transparent 50%),var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}#app{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{margin-bottom:2rem}.hero h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.hero p{margin:0;color:var(--muted);max-width:52ch}.notice{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.1rem;background:linear-gradient(135deg,#38bdf81f,#6ee7b714);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.75rem;font-size:.9rem}.notice strong{color:var(--accent)}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .75rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.25rem}.btn{font-family:var(--font);font-size:.9rem;font-weight:600;padding:.55rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:#3d4a63;background:#1c2230}.btn-primary{background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#14b8a6;color:#ecfeff}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent}.btn-danger{border-color:#f8717159;color:var(--danger)}.btn-danger:hover{background:#f871711a}.btn-small{padding:.35rem .65rem;font-size:.8rem}.select-wrap select{font-family:var(--font);font-size:.85rem;padding:.45rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-bottom:2.5rem}.preset-card{padding:1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem}.preset-card h3{margin:0;font-size:1rem}.preset-card .hint{font-size:.8rem;color:var(--muted);flex:1}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2)}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.mono-cell{font-family:var(--mono);font-size:.78rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;background:#2d3748;color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em}.badge-openai{background:#38bdf826;color:#7dd3fc}.badge-anthropic{background:#a78bfa26;color:#c4b5fd}.badge-gemini{background:#fbbf241f;color:#fcd34d}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.empty-state{padding:2.5rem 1rem;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.35rem 1.5rem;box-shadow:0 24px 80px #0000008c}.modal h2{margin:0 0 1rem;font-size:1.2rem}.field{margin-bottom:.9rem}.field label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.field input,.field textarea,.field select{width:100%;font-family:var(--font);font-size:.9rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text)}.field textarea{min-height:72px;resize:vertical}.field-code input{font-family:var(--mono);font-size:.8rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}@media(max-width:640px){.hero h1{font-size:1.4rem}th:nth-child(4),td:nth-child(4){display:none}}