:root{color:#edf7f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#12191feb,#080a0d 44%),#080a0d;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}.studio-shell{color:#edf7f7;grid-template-columns:72px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:#05070ae6;border-right:1px solid #ffffff1a;grid-auto-rows:48px;align-content:start;gap:12px;min-height:100vh;padding:18px 12px;display:grid}.brand-mark,.rail-button,.icon-button{color:#cce6e5;background:#111820;border:1px solid #ffffff1f;place-items:center;width:48px;height:48px;display:inline-grid}.brand-mark{color:#ffb15f;background:#17110c}.rail-button,.icon-button{border-radius:8px}.rail-button.is-active,.icon-button:hover,.primary-action:hover{color:#fff;background:#123033;border-color:#65d9d0}.workspace-grid{grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-width:0;padding:24px;display:grid}.studio-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#a5b8bb;text-transform:uppercase;margin:0 0 6px;font-size:.78rem}h1,h2,p{margin:0}h1{font-size:1.7rem;line-height:1.15}h2{font-size:.95rem;line-height:1.2}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary-action{color:#160d05;background:#ffb15f;border:1px solid #ffb15f8a;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.segment-tabs{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,minmax(96px,1fr));gap:4px;width:max-content;max-width:100%;padding:4px;display:grid}.segment-tabs button,.review-controls button{color:#b6c8cb;background:0 0;border:0;border-radius:6px;min-height:38px}.segment-tabs button.is-active,.review-controls button.is-active{color:#f6ffff;background:#17363a}.prompt-workspace{grid-template-columns:minmax(270px,1.05fr) minmax(260px,.82fr) minmax(300px,1fr);gap:16px;min-height:520px;display:grid}.panel{background:#0e1218e6;border:1px solid #ffffff1f;border-radius:8px;min-width:0;box-shadow:0 24px 80px #0000003d}.panel-heading{color:#d8eeee;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-height:54px;padding:0 16px;display:flex}.prompt-panel,.receipt-panel{grid-template-rows:auto minmax(0,1fr) auto;display:grid}textarea{resize:none;color:#eefafa;background:#0c1117;border:0;width:100%;min-height:340px;padding:18px;line-height:1.55}textarea:focus{outline-offset:-2px;outline:2px solid #65d9d0}.source-pills,.provider-badges{flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.source-pills span,.provider-badges span,.reference-list article>span,.job-list article>span{color:#c8dcdf;background:#65d9d01f;border-radius:999px;max-width:100%;padding:6px 9px;font-size:.76rem;line-height:1.1}.preview-panel{grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid}.preview-frame{background:linear-gradient(135deg,#65d9d01f,#0000 36%),linear-gradient(315deg,#ffb15f29,#0000 42%),#06090d;border-radius:8px;place-items:center;min-height:380px;display:grid;overflow:hidden}.preview-frame img{filter:drop-shadow(0 24px 48px #00000073);width:min(88%,360px);max-height:100%}.review-controls{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}pre{color:#d8e7e9;white-space:pre-wrap;background:#0c1117;min-height:360px;margin:0;padding:18px;line-height:1.5;overflow:auto}.hash-line{color:#9bb0b4;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex}code{color:#ffd49c;overflow-wrap:anywhere}.lower-grid{grid-template-columns:1.1fr 1fr .8fr .9fr;gap:16px;display:grid}.reference-list,.job-list,.gallery-panel,.status-stack{gap:10px;padding:12px;display:grid}.reference-list article,.job-list article,.status-row,.gallery-item{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;min-height:72px;display:grid}.reference-list article{grid-template-columns:48px minmax(0,1fr) auto;padding:10px}.reference-thumb{color:#10161c;background:#65d9d0;border-radius:8px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.reference-list p,.job-list p{color:#9eb1b5;margin-top:4px;font-size:.82rem;line-height:1.35}.job-list article{grid-template-columns:28px minmax(0,1fr) auto;padding:10px}.gallery-item{text-align:left;color:#edf7f7;grid-template-columns:54px minmax(0,1fr);width:100%;padding:8px}.gallery-item.is-active{border-color:#ffb15fb3}.gallery-item img{object-fit:cover;border-radius:8px;width:54px;height:54px}.status-row{grid-template-columns:24px minmax(0,1fr) auto;min-height:46px;padding:10px}.status-row strong{color:#ffd49c}@media (width<=1180px){.prompt-workspace,.lower-grid{grid-template-columns:1fr 1fr}.receipt-panel,.state-panel{grid-column:1/-1}}@media (width<=760px){.studio-shell{grid-template-columns:1fr}.rail{border-bottom:1px solid #ffffff1a;border-right:0;grid-template-columns:repeat(5,48px);grid-auto-rows:48px;min-height:64px}.workspace-grid{padding:16px}.studio-topbar{flex-direction:column;align-items:flex-start}.segment-tabs,.prompt-workspace,.lower-grid{grid-template-columns:1fr;width:100%}.preview-frame{min-height:320px}}