@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:DM Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0%,#e6f4ee 0%,transparent 35%),radial-gradient(circle at 100% 10%,#fff3e6 0%,transparent 33%),linear-gradient(180deg,#f8faf7,#f2f5f3)}button,input,select,textarea{font:inherit}.generator-shell{max-width:1520px;margin:0 auto;padding:24px;display:grid;gap:16px}.topbar{background:linear-gradient(125deg,#0f3f23,#14532d 45%,#4d7c0f);color:#eefcf3;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.kicker{margin:0;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:#b4f0cb;font-weight:700}.topbar h1{margin:8px 0 10px;font-family:Sora,sans-serif;line-height:1.2;font-size:clamp(1.35rem,2.2vw,1.9rem)}.subtitle{margin:0;max-width:720px;color:#eefcf3e6}.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.header-actions button{border:1px solid rgba(255,255,255,.35);color:#f0fff6;background:#ffffff17;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.header-actions .generate-btn{background:#f3fff7;color:#10542d;border-color:#f3fff7}.header-actions .theme-cycle-btn{border-color:#ffffff73}.header-actions button:hover{transform:translateY(-1px)}.workspace-grid{display:grid;grid-template-columns:minmax(340px,42%) minmax(0,58%);gap:14px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel h2{margin:0;font-family:Sora,sans-serif;font-size:1.15rem}.input-panel{padding:18px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}.panel-help{margin:8px 0 12px;color:var(--muted);font-size:.92rem}.brief-box{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);min-height:420px;padding:12px;line-height:1.5;color:var(--text);background:#fff;outline:none;resize:vertical}.brief-box:focus{border-color:var(--focus);box-shadow:0 0 0 3px #0369a124}.run-actions{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.run-primary,.run-secondary{border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer}.run-primary{border:1px solid var(--brand);background:var(--brand);color:#fff}.run-secondary{border:1px solid var(--line);background:#fff;color:var(--text)}.run-hint{color:var(--muted);font-size:.82rem}.pending-note{margin:8px 0 0;color:#7a1f14;font-size:.86rem;font-weight:600}.pending-note.error-note{color:#991b1b}.advanced-options{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px 12px}.advanced-options summary{cursor:pointer;font-weight:700;color:var(--brand-strong)}.override-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.override-grid label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:600}.override-grid input{width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 10px;color:var(--text);background:#fff;outline:none}.override-grid input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #0369a124}.override-grid select{width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 10px;color:var(--text);background:#fff;outline:none}.override-grid select:focus{border-color:var(--focus);box-shadow:0 0 0 3px #0369a124}.structured-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.structured-grid label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:600}.structured-grid .span-2{grid-column:span 2}.structured-grid input,.structured-grid textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 10px;color:var(--text);background:#fff;outline:none}.structured-grid textarea{resize:vertical}.structured-grid input:focus,.structured-grid textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #0369a124}.output-panel{padding:14px;display:grid;gap:12px}.pipeline-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;background:#fff}.pipeline-card p{margin:0 0 6px;color:var(--muted);font-size:.91rem}.pipeline-card p:last-child{margin-bottom:0}.pipeline-card strong{color:var(--text)}.pipeline-card.approved{border-color:#8ed2af;background:#f2fbf6}.pipeline-card.needs-work{border-color:#edb3a7;background:#fff8f6}.audit-details{border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px;background:#fff}.audit-details summary{cursor:pointer;font-weight:700;color:var(--text)}.audit-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.audit-grid h3{margin:0 0 8px;font-family:Sora,sans-serif;font-size:.95rem}.audit-grid p{margin:0;color:var(--muted)}.audit-grid ul{margin:0;padding-left:16px;color:var(--muted);display:grid;gap:6px}.prompt-preview{margin:10px 0 0;border-radius:10px;padding:10px;background:#f8faf8;border:1px solid var(--line);white-space:pre-wrap;font-size:.82rem;line-height:1.45;color:var(--text);font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.preview-frame{width:100%;min-height:520px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}.code-box{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfdfc;padding:12px;line-height:1.45;font-size:.82rem;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 1220px){.workspace-grid{grid-template-columns:minmax(320px,1fr) minmax(0,1.1fr)}}@media (max-width: 1040px){.topbar,.workspace-grid{grid-template-columns:1fr}.input-panel{position:static;max-height:none}}@media (max-width: 700px){.generator-shell{padding:12px}.topbar{padding:16px}.header-actions,.header-actions button,.run-actions,.run-actions button{width:100%}.override-grid,.structured-grid{grid-template-columns:1fr}.structured-grid .span-2{grid-column:span 1}.audit-grid{grid-template-columns:1fr}.brief-box{min-height:360px}.preview-frame{min-height:420px}}:root{--bg: #f2f4ef;--surface: #ffffff;--text: #102018;--muted: #5d6c64;--line: #d6ddd8;--brand: #14532d;--brand-strong: #0f3f23;--accent: #ea580c;--focus: #0369a1;--radius-lg: 20px;--radius-md: 14px;--shadow-lg: 0 16px 40px rgba(16, 32, 24, .1);--shadow-sm: 0 6px 18px rgba(16, 32, 24, .07)}