:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#081522;color:#f0f5fc;font-size:15px;--muted:#acbfd2;--line:#294055;--blue:#159ad6;--gold:#f4c857}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 3%,#13384d80,transparent 42%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold)}button{border:1px solid #57bce9;border-radius:7px;background:#159ad6;color:#061522;padding:12px 19px;min-height:44px;font-weight:700;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.quiet{background:transparent;border-color:#526b80;color:#edf5fc}a{color:#98dcff}header{height:88px;border-bottom:1px solid var(--line);padding:18px 4vw;display:flex;align-items:center;gap:28px;background:#0a1927e8}header img{width:180px;height:46px;object-fit:contain;display:block}.studio-name{font-size:22px;letter-spacing:-.5px}.studio-name span{font-size:13px;display:block;letter-spacing:1px;color:var(--muted);margin-top:5px}#miles{margin-left:auto;background:#142f42;color:#e9f6ff;border-color:#406c89}#miles span{color:var(--gold)}main{max-width:1500px;margin:0 auto;padding:38px 4vw 70px}.page-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.page-heading{margin:18px 0 25px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--gold);font-weight:700;margin:0 0 15px}h1{font-size:clamp(30px,3.6vw,54px);letter-spacing:-2px;line-height:1.06;margin:0}h2{font-size:26px;letter-spacing:-.7px;margin:0 0 10px}h3{font-size:18px;margin:0 0 8px}p{color:var(--muted);line-height:1.6;margin:9px 0}.intro{font-size:17px}.session{max-width:360px}label{display:block;color:#c7d7e6;font-size:13px}input,select,textarea{display:block;width:100%;border:1px solid #385168;border-radius:6px;padding:12px;margin-top:8px;background:#0b1d2d;color:#fff;min-height:44px}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0}.check{display:flex;align-items:center;gap:10px}.inline{display:flex;align-items:center;gap:10px}.session .inline{flex-wrap:wrap}#token{min-width:120px;flex:1}#status{border-left:3px solid var(--gold);background:#142a3c;padding:11px 16px;min-height:45px;color:#e0edf9;overflow-wrap:anywhere}nav{margin:28px 0 40px;border-bottom:1px solid var(--line)}nav ol{list-style:none;display:flex;gap:42px;margin:0;padding:0 0 19px;color:var(--muted);font-size:12px}nav li.active{color:var(--gold)}#define{display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;border-bottom:1px solid var(--line);padding-bottom:32px}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}section{scroll-margin-top:25px}#outline,#editor{padding-top:32px}#outline-items{display:grid;gap:16px;margin-top:22px}.outline-item{display:grid;grid-template-columns:40px 1fr 2fr;gap:18px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.outline-item span{color:var(--gold);padding-top:21px}.canvas-wrap{position:relative;margin:24px 0 0;background:#10283f;box-shadow:0 24px 65px #0009;border:1px solid #32516a;aspect-ratio:16/9;overflow:hidden}.canvas-wrap img{display:block;width:100%;height:100%;object-fit:contain}#canvas-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}#canvas-loading[hidden]{display:none}.edit-strip{display:grid;grid-template-columns:200px 1fr 240px;gap:24px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}#locks{font-size:12px;margin:0 0 8px}.edit-strip button{font-size:12px;padding:8px 12px;margin:4px 0}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;min-height:44px;font-size:17px;font-weight:700;line-height:44px}#variant-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 0}.variant{border:1px solid #385168;border-radius:8px;padding:10px;background:#0f2234;display:flex;flex-direction:column;gap:9px;min-width:0}.variant img{width:100%;aspect-ratio:16/9;object-fit:contain}.variant button{font-size:12px;white-space:normal}.variant small{color:var(--muted);line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.source{font-size:12px;line-height:1.5;overflow-wrap:anywhere;border-left:2px solid #437b9c;padding-left:12px;margin-bottom:14px}.source p{margin:3px 0}small{color:var(--muted);line-height:1.6}.review-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;border-top:1px solid var(--line);padding:25px 0}.export-strip{display:flex;align-items:center;gap:12px;padding:32px 0;border-top:1px solid var(--line)}.export-strip>div{flex:1}#miles-panel{position:fixed;right:25px;top:100px;max-height:calc(100vh - 120px);overflow:auto;width:410px;padding:26px;background:#10293d;box-shadow:0 18px 80px #000b;border:1px solid #5685a6;border-radius:12px;z-index:10}#miles-panel button{margin-top:16px}#miles-panel a{display:block;margin-top:20px}#last-diff{font-family:monospace;font-size:12px;overflow-wrap:anywhere}footer{padding:26px 4vw;border-top:1px solid var(--line);color:#b1c9dd;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px}.skip{position:absolute;left:-1000px}.skip:focus{left:15px;top:15px;z-index:30;background:#142f42;padding:10px}[hidden]{display:none!important}.presenting header,.presenting .page-heading,.presenting #define,.presenting nav,.presenting #outline,.presenting .edit-strip,.presenting details,.presenting .detail-grid,.presenting .review-strip,.presenting .export-strip,.presenting footer{display:none!important}.presenting main{padding:20px;max-width:none}.presenting #editor{padding:0}.presenting .canvas-wrap{max-height:calc(100vh - 125px);width:auto;margin:15px auto 0}.presenting #status{margin:0 0 10px}@media(max-width:1000px){.page-heading{align-items:flex-start;flex-direction:column}#define{grid-template-columns:1fr}.edit-strip{grid-template-columns:150px 1fr}.edit-strip>div{grid-column:1/-1}.review-strip{grid-template-columns:1fr 1fr}.review-strip>button{grid-column:1/-1}.export-strip{flex-wrap:wrap}.export-strip>div{flex-basis:100%}#variant-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{height:78px;padding:12px 16px;gap:12px}header img{width:118px;height:35px}.studio-name{font-size:17px}.studio-name span{font-size:10px;letter-spacing:0}#miles{font-size:12px;padding:11px 12px}main{padding:22px 16px 45px}h1{letter-spacing:-1px}nav ol{gap:15px;font-size:10px}.brief-fields{grid-template-columns:1fr}.wide{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.section-head .inline{flex-wrap:wrap}.outline-item{grid-template-columns:28px 1fr}.outline-item>label:last-child{grid-column:2}.edit-strip,.detail-grid,.review-strip{grid-template-columns:1fr;gap:18px}#variant-list{gap:10px}.variant{padding:7px}.variant small{font-size:10px}.session{max-width:none;width:100%}.canvas-wrap{margin-top:15px}.detail-grid{margin-top:18px}#miles-panel{right:12px;top:85px;width:calc(100vw - 24px);padding:20px;max-height:calc(100vh - 100px)}footer{gap:18px;letter-spacing:0}footer span{max-width:150px}#editor .inline{width:100%}#deck-title{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.presenting header{display:flex!important}.presenting .canvas-wrap{max-height:calc(100vh - 235px)}
@media(max-width:600px){header{gap:8px}header img{width:92px}.studio-name{display:none}#brief-toggle{font-size:11px;padding:10px}#miles{margin-left:auto}.presenting .canvas-wrap{max-height:calc(100vh - 220px)}}
.frame-fields{display:grid;grid-template-columns:repeat(4,1fr) auto auto;align-items:end;gap:12px}#canvas{touch-action:pan-y;user-select:none}@media(max-width:800px){.frame-fields{grid-template-columns:1fr 1fr}.frame-fields button{white-space:normal}}
