:root{font-family:system-ui,-apple-system,sans-serif;color:#f6eff9;background:#161b32;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{width:min(100%,550px);margin:0 auto;padding:22px 16px 44px}header{margin-bottom:18px}h1{font-size:clamp(25px,7vw,35px);margin:5px 0 9px;line-height:1.2}p{line-height:1.55}header p{font-size:14px;color:#c0c6db;margin:0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#e1b6dc}.preview{width:min(100%,290px);margin:0 auto 16px;overflow:hidden;border-radius:16px;background:#f8dcd6;aspect-ratio:9 / 16;box-shadow:0 12px 35px #0005}.portrait{display:flex;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain}.placeholder{justify-content:center;align-items:center;background:#343654;color:#fff;padding:20px;text-align:center}.panel{padding:17px;border:1px solid #39405c;background:#222840;border-radius:13px;margin:13px 0}.meta{font-size:12px;color:#bfc8da;text-align:center;margin:0 0 14px}.meta span{color:#e8acd7;margin:0 5px}button,.download{display:block;width:100%;border:0;border-radius:9px;padding:14px 17px;font-size:15px;font-weight:750;text-align:center;touch-action:manipulation}button{background:#eec2dc;color:#31213c;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.download{margin-top:10px;background:#a3d5c0;color:#20382e;text-decoration:none}progress{width:100%;height:12px;margin-top:15px;accent-color:#a3d5c0}.status{margin:5px 0 0;font-size:13px;color:#cfd5e1}.diagnostics h2{font-size:16px;margin:0 0 12px}.diagnostics p{font-size:12px;margin:8px 0;overflow-wrap:anywhere;color:#c6cde0}.diagnostics strong{color:#f3f2f8;font-weight:600}.failures{padding-left:20px;color:#ffb0b5;font-size:12px;line-height:1.6}.failure,.warning{color:#ffb0b5!important;overflow-wrap:anywhere}footer{text-align:center;color:#99a4be;font-size:11px;padding-top:7px;line-height:1.6}.episode-editor h2{font-size:16px;margin:0 0 12px}fieldset{border:0;padding:0;margin:0;min-width:0}.episode-editor label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;color:#c6cde0}input,select{width:100%;min-height:44px;padding:10px;border:1px solid #59627e;border-radius:8px;background:#161b32;color:#f6eff9;font:inherit;font-size:16px}input[type=color]{padding:4px}.color-fields,.timing-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.secondary{background:#394562;color:#f6eff9;margin-top:10px}.backup-controls{display:grid;gap:8px;margin-top:8px}.import-control input{font-size:12px}fieldset:disabled{opacity:.6}
