:root{font-family:system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.layout{max-width:1200px;margin:0 auto;padding:1rem 1.25rem 2rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}details.card>summary{list-style:none}details.card>summary::-webkit-details-marker{display:none}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.btn-primary{background:#2563eb;color:#fff;border-color:#1d4ed8}.btn:disabled{opacity:.55;cursor:not-allowed}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.tab{padding:.45rem .75rem;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;background:transparent}.tab.active{background:#fff;border-color:#e2e8f0;font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.split{grid-template-columns:1fr}}.chat-log{max-height:420px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;background:#f1f5f9;margin-bottom:.75rem}.msg{margin-bottom:.65rem;padding:.5rem .65rem;border-radius:8px;background:#fff;border:1px solid #e2e8f0}.msg.user{border-left:3px solid #2563eb}.msg.assistant{border-left:3px solid #64748b}.msg-role{font-size:.75rem;text-transform:uppercase;color:#64748b;margin-bottom:.25rem}