/* Mercury-inspired typography and controls fused with InferHub amber/green */
:root{--ui-font:Inter,"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--surface:#19181f;--surface-raised:#201f27;--surface-soft:#25232c;--mercury-line:#37353f;--mercury-muted:#9f9ca8}
body{font-family:var(--ui-font);letter-spacing:-.008em;background:radial-gradient(circle at 9% 78%,#6b3a101f,transparent 35%),radial-gradient(circle at 88% 15%,#075e4930,transparent 30%),#121117}
.topbar{height:82px;background:#121117eb;border-color:#2f2d36;padding-inline:3.2vw}
.brand strong{font-family:var(--ui-font);font-size:18px;font-weight:600;letter-spacing:-.02em}.brand small{font-family:var(--ui-font);font-size:8px;font-weight:600;letter-spacing:.12em}.brand-mark{border-radius:10px;box-shadow:0 0 0 1px #ffffff12,0 10px 25px #0005}
.topbar nav{gap:8px}.nav-item{padding:11px 17px;border-radius:999px;font-weight:500;letter-spacing:-.01em}.nav-item:hover,.nav-item.active{background:#28262f;color:#fff}.account{gap:16px}.balance span{font-size:10px}.balance strong{font-family:var(--ui-font);font-weight:550;letter-spacing:0}.avatar{width:40px;height:40px;border-color:#3b3943;background:#25232c}
main{width:min(1520px,94vw);padding-top:42px}.intro{margin-bottom:30px}.intro h1,.section-title h1{font-weight:420;letter-spacing:-.045em;line-height:1.05}.intro p,.section-title p{font-size:14px;letter-spacing:-.005em}.eyebrow{font-family:var(--ui-font);font-weight:600;font-size:10px;letter-spacing:.08em}.retention-note{border-color:#4a3b2b;background:#242019;border-radius:14px;padding:15px 18px}.note-icon{font-family:var(--ui-font);border-radius:8px}.retention-note strong{font-weight:600}.retention-note small{font-size:10px}
.workspace{gap:18px}.panel{background:linear-gradient(150deg,#1c1b22f2,#17161cf2);border-color:var(--mercury-line);border-radius:15px;box-shadow:0 18px 55px #0004}.forge,.pipeline,.queue{padding:20px}.panel-heading{font-family:var(--ui-font);font-size:11px;font-weight:600;letter-spacing:.045em;text-transform:none;color:#dedbe5}.panel-heading i{font-family:var(--ui-font);letter-spacing:.03em}
.mode-title strong{font-size:14px;font-weight:600;letter-spacing:-.01em}.mode-title small{font-size:10px;color:var(--mercury-muted)}.generation-tabs{gap:9px}.generation-tabs .mode{min-height:76px;border-color:#37353f;background:#18171d;padding:12px 14px;border-radius:12px;box-shadow:none}.generation-tabs .mode:hover{transform:none;border-color:#6b5740;background:#201d1a}.generation-tabs .mode.active{border-color:#b87520;background:linear-gradient(100deg,#302316,#211d1a);box-shadow:inset 3px 0 #f59e0b}.mode-icon{border-radius:10px;border-color:#494650;background:#25232c;font-family:var(--ui-font);font-weight:600}.mode.active .mode-icon{box-shadow:none}.generation-tabs .mode strong{font-size:13px;font-weight:600;letter-spacing:-.01em}.generation-tabs .mode small{font-size:10px;color:#9f9ca8}.mode-check{background:#34d399;color:#102018}
.mode-explanation{border-left:0;border:1px solid #3b3329;border-radius:11px;background:#221d17;padding:11px 13px}.mode-explanation strong{font-size:12px;font-weight:600}.mode-explanation span{font-size:10px;color:#aaa5a0}
.field{gap:8px}.field>span,.subheading>span{font-size:11px;font-weight:550;color:#d6d2db;letter-spacing:-.005em}.field textarea,.field select,.advanced input{border-color:#3a3842;background:#15141a;border-radius:10px;padding:12px 13px;letter-spacing:-.008em}.field textarea{font-size:14px}.field textarea:focus,.field select:focus,.advanced input:focus{border-color:#a76c24;box-shadow:0 0 0 3px #f59e0b16}.field small{font-size:9px}.field #modelHint b{font-family:var(--ui-font);font-weight:500;letter-spacing:0}
.material-section{background:#15141a;border-color:#37353f;border-radius:12px;padding:13px}.material-tabs{gap:6px}.material-tabs button{border:0;border-radius:999px;padding:8px 11px;background:#222129;color:#a6a3ae}.material-tabs button.active{background:#3a2a17;color:#f6bd68}.upload-card,.drop-zone,.character-card{border-color:#47444e;background:#1d1c23;border-radius:11px}.upload-card:hover,.drop-zone:hover,.character-card:hover,.character-card.selected{background:#28231d}.selected-materials span{font-family:var(--ui-font);font-weight:600}
.duration-options{gap:8px;flex-wrap:wrap}.duration-options button{min-width:48px;border-color:#3b3943;background:#1d1c23;border-radius:999px;padding:9px 13px}.duration-options button.active{background:#3a2a17;border-color:#b87520}.toggle-option{border-color:#383640;background:#1a191f;border-radius:11px;padding:11px}.toggle-option strong{font-size:11px;font-weight:600}.toggle-option small{font-size:9px}.advanced summary{font-size:11px}
.estimate{background:#15141a;border-color:#383640;border-radius:12px;padding:13px 14px;gap:9px}.estimate>div{font-size:11px}.estimate strong,.generate strong,.stage-header>strong,.recent-card footer,.task-head,.status-tag{font-family:var(--ui-font);letter-spacing:0}.estimate .estimate-total strong{font-weight:600}.confirm{font-size:10px}
.generate{border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(90deg,#d98519,#f59e0b);color:#171006;box-shadow:0 10px 24px #f59e0b20}.generate:hover{filter:brightness(1.06);transform:translateY(-1px)}.generate span,.generate strong{font-weight:650}.billing-line button,.outline{border-color:#45424c;border-radius:999px;padding:9px 14px;background:#24232b;color:#e4e1e8}
.empty-stage h2,.stage-header h2{font-weight:450;letter-spacing:-.025em}.stage-grid{gap:9px}.stage-grid article{border-color:#393741;background:#19181e;border-radius:11px;padding:13px}.result-preview{border-color:#3a3842;border-radius:13px}.recent-tasks{gap:10px}.recent-card{border-color:#383640;background:#19181f;border-radius:11px;padding:13px}.recent-card:hover{border-color:#7b5a33}.recent-card strong{font-size:12px;font-weight:600}.recent-card p{font-size:10px}.task-table{border-radius:15px}.task-row{border-color:#34323a}.task-head{background:#17161c}.work-card,.pricing-grid article,dialog{border-radius:15px}
@media(max-width:760px){.topbar{height:70px}.nav-item{border-radius:12px}.intro h1{font-size:40px}.panel{border-radius:13px}}