:root{font-family:Inter,Arial,sans-serif;color:#14243a;background:#f3f6fb;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:20px 4%;background:#1855ca;color:white;display:flex;gap:20px;align-items:center}header .brand{color:white;font-size:22px;font-weight:800;text-decoration:none;margin-right:auto}.brand span{display:block;font-size:12px;font-weight:400;margin-top:4px}main{max-width:1550px;margin:28px auto;padding:0 24px}.panel{background:white;border:1px solid #d8e1ef;border-radius:16px;padding:26px;margin-bottom:28px}.narrow{max-width:440px;margin:60px auto}h1{margin:8px 0;font-size:30px}p{line-height:1.5}.eyebrow{color:#1855ca;text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:1px}.intro{display:grid;grid-template-columns:1fr auto;gap:16px}.intro form,.intro small{grid-column:1/-1}.intro p{max-width:750px;color:#56687f}form{display:flex;align-items:end;gap:12px}.narrow form{display:grid}.grow{flex:1}label{display:grid;gap:7px;font-size:13px}input,textarea{font:inherit;padding:12px;border:1px solid #c7d3e4;border-radius:8px;min-width:0;width:100%}textarea{resize:vertical;min-height:220px;font-size:13px}button,.linking a{cursor:pointer;background:#1955d0;color:white;border:0;border-radius:8px;padding:12px 17px;font:inherit;font-weight:600}button:disabled{cursor:wait;opacity:.5}.secondary{background:#eaf0fc;color:#244e8f}.linking{display:flex;flex-direction:column;gap:10px;justify-content:center}.section-head,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid #d8e1ef;border-radius:14px;overflow:hidden}.cover{width:100%;height:205px;object-fit:contain;background:#111b2d}.placeholder{height:160px;display:grid;place-items:center;background:#eaf0fc;color:#3b5b87}.card-body{padding:16px;display:grid;gap:12px}.card h3{margin:0;line-height:1.35}.card a{color:#1855ca;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1;padding:11px 8px;font-size:13px}.status{font-size:12px;color:#536781}.error{color:#a52828;background:#fff1ed;padding:10px;border-radius:7px;font-size:13px}small{color:#64738a;line-height:1.5}#notice{position:sticky;bottom:18px;background:#172c49;color:white;border-radius:10px;padding:14px;display:none;z-index:5}#notice.show{display:block}dialog{width:min(1200px,95vw);max-height:92vh;border:1px solid #cdd8e8;border-radius:16px;padding:24px}dialog::backdrop{background:#102038a6}.frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.frame{border:1px solid #d2ddea;border-radius:10px;padding:8px}.frame img{width:100%;height:125px;object-fit:contain;background:#111b2d}.frame label{display:flex;align-items:center;margin:8px 0}.frame input,.check input{width:auto}.frame button{padding:8px;font-size:12px}.frame small{display:block;margin:6px 0;color:#9a6025}.check{display:flex;align-items:center;gap:10px;margin:20px 0}canvas{max-width:100%;max-height:65vh;border:1px solid #d8e1ef;touch-action:none;display:block;margin:15px auto}#editor{width:min(950px,95vw)}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.frames{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{grid-template-columns:1fr}form{flex-wrap:wrap}.grow{flex-basis:100%}.frames{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 12px}header{padding:15px;gap:10px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.panel{padding:18px}}
:root .editor-sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.editor-sliders label{display:block}.editor-sliders input{display:block;padding:0;margin:12px 0}.editor-tools select{max-width:100%;padding:10px;border:1px solid #c7d3e4;border-radius:8px;font:inherit}.photo-handle{touch-action:none;cursor:grab;width:100%;margin-bottom:6px}#editor [role=alert]{position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0002}#canvas{width:auto;height:auto;object-fit:contain}#editorHint{font-size:13px;color:#536781}
.live-progress{font-size:13px;color:#244e8f}.live-progress progress{display:block;width:100%;margin-top:8px}.live-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto}.live-frames img{width:100%;height:70px;object-fit:contain;background:#111b2d}.live-frames small{display:block;font-size:10px}.live-frames a{text-decoration:none}
.studio-brand-icon{float:left;width:40px;height:40px;margin:2px 11px 0 0;border-radius:8px}
.studio-end-card{border-top:1px solid #d8e1ef;margin:18px 0;padding-top:4px}.studio-end-card figure{display:flex;align-items:center;gap:16px;margin:0}.studio-end-card img{width:130px;height:130px;object-fit:contain;border-radius:8px;background:#102337}.studio-end-card figcaption,.studio-end-card [role=status]{font-size:13px;color:#536781}