@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&family=DM+Mono:wght@300;400;500&display=swap";:root{color:#151713;font-synthesis:none;text-rendering:optimizelegibility;--ink:#151713;--paper:#f1eee4;--white:#fffdf7;--acid:#caff4c;--orange:#ff6534;--cyan:#31d6e5;--muted:#73766c;--line:#1517132e;background:#11130f;font-family:Bricolage Grotesque,sans-serif}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{background:var(--paper);min-height:100vh}.topbar{z-index:20;background:var(--ink);height:78px;color:var(--paper);border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;padding:0 3.5vw;display:flex;position:sticky;top:0}.brand{color:inherit;letter-spacing:-.4px;align-items:center;gap:12px;font-size:19px;font-weight:750;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--acid);width:39px;height:39px;color:var(--acid);border-radius:50%;place-items:center;display:grid}.brand-subtitle{color:#8f9387;letter-spacing:1.7px;text-transform:uppercase;margin-left:2px;font-family:DM Mono,monospace;font-size:11px;font-weight:400}.topbar-actions{align-items:center;gap:10px;display:flex}.connection{color:#aaafa2;text-transform:uppercase;align-items:center;gap:7px;margin-right:8px;font-family:DM Mono,monospace;font-size:11px;display:flex}.connection-live svg{color:var(--acid);fill:var(--acid)}.connection-demo svg{color:var(--orange);fill:var(--orange)}.connection-offline svg{color:#ff7768;fill:#ff7768}.connection-connecting svg{color:var(--cyan);fill:var(--cyan)}.icon-button{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.icon-button:hover{background:#ffffff1a;transform:rotate(-4deg)}.icon-button.small{border-color:var(--line);width:34px;height:34px}.primary-button,.approve-button,.reject-button,.publish-button,.image-button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.primary-button{background:var(--acid);color:var(--ink)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:hover,.approve-button:hover{transform:translateY(-2px);box-shadow:4px 5px #00000047}main{width:min(1540px,94vw);margin:0 auto;padding:70px 0 58px}.hero-row{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.eyebrow{color:#575a51;letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:15px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:flex}h1{letter-spacing:-5.5px;margin:0;font-size:clamp(56px,6vw,96px);font-weight:700;line-height:.84}h1 em{color:var(--orange);font-style:normal}.hero-copy{color:#696c63;width:min(370px,38vw);margin:0 0 4px;font-size:17px;line-height:1.5}.metrics{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid var(--ink);background:var(--white);justify-content:space-between;align-items:flex-end;min-height:105px;padding:20px 23px;display:flex}.metric:last-child{border-right:0}.metric span{letter-spacing:.5px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.metric strong{font-size:48px;line-height:.8}.metric-acid{background:var(--acid)}.notice{border:1px solid var(--ink);background:var(--cyan);align-items:center;gap:10px;margin-top:15px;padding:12px 15px;font-family:DM Mono,monospace;font-size:12px;display:flex}.notice span{flex:1}.notice button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.offline-banner{border:1px solid var(--ink);background:#ffe1d7;align-items:center;gap:13px;margin-top:15px;padding:15px 17px;display:flex}.offline-banner span{flex:1;font-size:13px}.offline-banner strong{margin-bottom:2px;display:block}.offline-banner code{background:#ffffff8c;padding:2px 5px;font-family:DM Mono,monospace;font-size:11px}.offline-banner button{border:1px solid var(--ink);background:var(--white);cursor:pointer;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.workspace-grid{border:1px solid var(--ink);grid-template-columns:minmax(265px,.82fr) minmax(390px,1.15fr) minmax(290px,.88fr);margin-top:18px;display:grid}.panel{background:var(--white);min-width:0;min-height:770px}.panel+.panel{border-left:1px solid var(--ink)}.panel-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:15px;height:72px;padding:0 20px;display:flex}.panel-heading>div{align-items:center;gap:11px;min-width:0;display:flex}.panel-heading h2{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:750}.section-index{color:var(--orange);font-family:DM Mono,monospace;font-size:10px}.queue-list{max-height:698px;overflow:auto}.queue-item{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:41px 1fr 20px;gap:11px;width:100%;min-height:137px;padding:19px 14px;transition:background .16s;display:grid}.queue-item:hover{background:#f4f1e8}.queue-item.active{background:var(--acid)}.episode-number{color:#a0a398;padding-top:3px;font-family:DM Mono,monospace;font-size:11px}.active .episode-number{color:var(--ink)}.queue-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.queue-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.queue-meta{color:var(--muted);margin:5px 0 14px;font-family:DM Mono,monospace;font-size:9.5px}.queue-arrow{color:#a1a49a;align-self:center}.active .queue-arrow{color:var(--ink)}.status-pill{white-space:nowrap;letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex}.status-dot{background:#a0a398;border-radius:50%;width:7px;height:7px}.status-needs_review .status-dot,.status-needs_content_review .status-dot,.status-content_approved .status-dot,.status-needs_visual_review .status-dot{background:var(--orange)}.status-ready .status-dot,.status-published .status-dot{background:#4b9f45}.status-rendering .status-dot,.status-approved .status-dot,.status-generating .status-dot,.status-generating_assets .status-dot{background:#128db0;box-shadow:0 0 0 3px #128db029}.status-failed .status-dot,.status-rejected .status-dot{background:#b9352e}.preview-panel{background:#292d27}.preview-panel .panel-heading{background:var(--white)}.preview-stage{background:#292d27;place-items:center;min-height:698px;padding:29px;display:grid;position:relative;overflow:hidden}.preview-grid-lines{opacity:.16;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:31px 31px;position:absolute;inset:0}.phone-frame{z-index:1;aspect-ratio:9/16;background:#0b0c0a;border:7px solid #0b0c0a;border-radius:29px;width:min(315px,82%);overflow:hidden;box-shadow:0 24px 54px #00000061}.empty-preview{color:#84897d;text-align:center;place-content:center;justify-items:center;gap:10px;height:100%;display:grid}.inspector-content{padding:25px 22px}.episode-kicker{color:var(--orange);letter-spacing:1.2px;font-family:DM Mono,monospace;font-size:10px}.inspector-content h3{letter-spacing:-1px;margin:10px 0 22px;font-size:28px;line-height:1.03}.detail-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.detail-grid span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:60px;color:var(--muted);text-transform:uppercase;flex-direction:column;gap:5px;padding:10px 11px;font-family:DM Mono,monospace;font-size:9px;display:flex}.detail-grid strong{color:var(--ink);text-transform:capitalize;font-family:Bricolage Grotesque,sans-serif;font-size:12px}.word-list{border-top:1px solid var(--ink);margin-top:24px}.word-list-heading{color:var(--muted);text-transform:uppercase;justify-content:space-between;padding:10px 0;font-family:DM Mono,monospace;font-size:9px;display:flex}.word-row{border-top:1px solid var(--line);grid-template-columns:20px 28px 1fr;align-items:center;gap:8px;min-height:50px;display:grid}.word-row>span:first-child{color:#9b9e94;font-family:DM Mono,monospace;font-size:9px}.word-row b{font-size:19px}.word-row img{border:1px solid var(--line);object-fit:cover;border-radius:7px;width:28px;height:28px}.word-row strong{font-size:13px;display:block}.word-row small{color:var(--muted);margin-top:1px;font-family:DM Mono,monospace;font-size:8.5px;display:block}.action-zone{grid-template-columns:1fr auto;gap:8px;margin-top:25px;display:grid}.approve-button{background:var(--acid);min-height:48px;color:var(--ink)}.approve-button:disabled,.reject-button:disabled,.publish-button:disabled{opacity:.5;cursor:wait}.reject-button{border:1px solid var(--ink);background:0 0;min-height:48px}.reject-button:hover{background:#ffe6de}.publish-button{border:1px solid var(--ink);background:var(--white);grid-column:1/-1}.asset-gate{border:1px solid var(--ink);box-shadow:inset 5px 0 0 var(--cyan);background:#e7fbff;grid-column:1/-1;gap:5px;padding:17px;display:grid}.asset-gate-label{color:#3d6f77;letter-spacing:.7px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.asset-gate strong{margin-top:3px;font-size:17px}.asset-gate small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;line-height:1.5}.image-button{border:1px solid var(--ink);background:var(--cyan);width:100%;min-height:48px;color:var(--ink);margin-top:10px}.image-button:hover{transform:translateY(-2px);box-shadow:4px 5px #00000047}.image-button:disabled{opacity:.5;cursor:wait}.render-progress,.published-card{border:1px solid var(--ink);background:var(--cyan);grid-column:1/-1;align-items:center;gap:13px;padding:14px;display:flex}.published-card{background:var(--acid)}.render-progress span,.published-card span{flex-direction:column;display:flex}.render-progress small,.published-card small{margin-top:2px;font-family:DM Mono,monospace;font-size:9px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{background:var(--ink);color:#979b90;letter-spacing:.7px;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:62px;padding:0 3.5vw;font-family:DM Mono,monospace;font-size:9px;display:flex}footer span{align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c09b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--ink);background:var(--paper);width:min(510px,100%);box-shadow:14px 14px 0 var(--orange);padding:38px;position:relative}.modal-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.modal-icon{border:1px solid var(--ink);background:var(--acid);border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:21px;display:grid}.modal h2{letter-spacing:-2px;max-width:390px;margin:0 0 27px;font-size:40px;line-height:.95}.modal label{gap:8px;margin-top:18px;font-size:12px;font-weight:700;display:grid}.modal input,.modal select{border:1px solid var(--ink);background:var(--white);border-radius:0;outline:none;width:100%;height:48px;padding:0 13px}.modal input:focus,.modal select:focus{box-shadow:4px 4px 0 var(--cyan)}.toggle-row{grid-template-columns:20px 1fr;align-items:start}.toggle-row input{width:18px;height:18px;accent-color:var(--ink)}.toggle-row span{flex-direction:column;display:flex}.toggle-row small{color:var(--muted);margin-top:3px;font-family:DM Mono,monospace;font-size:9px;font-weight:400;line-height:1.4}.modal-submit{width:100%;margin-top:27px}.token-modal p{color:var(--muted);margin:-10px 0 22px;font-size:13px;line-height:1.5}.token-modal code{font-family:DM Mono,monospace;font-size:11px}@media (width<=1100px){.workspace-grid{grid-template-columns:290px 1fr}.inspector-panel{border-top:1px solid var(--ink);grid-column:1/-1;min-height:auto;border-left:0!important}.inspector-content{grid-template-columns:1fr 1fr;gap:25px;display:grid}.inspector-content .word-list{margin-top:0}.action-zone{grid-column:1/-1}}@media (width<=720px){.topbar{height:68px;padding:0 16px}.brand-subtitle,.connection,.topbar .icon-button{display:none}.primary-button{min-height:39px;padding:0 13px;font-size:13px}main{width:calc(100% - 24px);padding-top:45px}.hero-row{flex-direction:column;align-items:flex-start}h1{letter-spacing:-4px;font-size:58px}.hero-copy{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--ink);min-height:87px}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric strong{font-size:38px}.workspace-grid{grid-template-columns:1fr}.panel{min-height:auto}.panel+.panel{border-left:0;border-top:1px solid var(--ink)}.queue-list{max-height:400px}.preview-stage{min-height:660px}.inspector-panel{grid-column:auto}.inspector-content{display:block}.word-list{margin-top:24px!important}footer{gap:15px;padding:16px}footer span:last-child{display:none}.modal{box-shadow:8px 8px 0 var(--orange);padding:30px 24px}}