:root{font-family:system-ui,sans-serif;color:#182c43;background:#eef3f9;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102b50;color:white;padding:24px 4%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header span{font-weight:400}.badge{font-size:14px;background:#294566;padding:6px 12px;border-radius:6px}main{padding:28px 4%;max-width:1600px;margin:auto}nav{display:flex;gap:12px;border-bottom:1px solid #c8d4e3;padding-bottom:20px;margin-bottom:28px}button{font:inherit;cursor:pointer;background:white;border:1px solid #bdcbdc;padding:10px 16px;border-radius:7px;color:#15375d}button:hover{background:#edf5ff}button.selected,button[type=submit],#export{background:#135cb9;color:white;border-color:#135cb9}h1{font-size:32px;margin:6px 0 14px;letter-spacing:-.6px}h2{font-size:18px}.eyebrow{letter-spacing:2px;font-size:14px;color:#36649a;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace{display:grid;grid-template-columns:230px minmax(320px,1fr) 280px;gap:20px;margin-top:24px}article,aside{background:white;padding:22px;border:1px solid #d5dfec;border-radius:12px}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}input,textarea,select{font:inherit;display:block;width:100%;padding:10px;border:1px solid #b8c8dc;border-radius:6px;margin-top:8px;background:white;color:#192d46}input[type=color]{height:42px;padding:4px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;gap:10px;flex-wrap:wrap}#scenes button{width:100%;text-align:left;margin-bottom:8px}.preview{aspect-ratio:9/16;background:#193a60;position:relative;border-radius:10px;overflow:hidden;color:#fff}.preview>span{position:absolute;bottom:30px;left:0;text-align:center;width:100%;font-size:14px;color:#a9c2e0}#preview-text{position:absolute;left:7%;width:86%;text-align:center;background:#ffdf00;color:#111;padding:5px;border-radius:4px;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.platforms small{display:block;margin:12px 0;font-size:14px}p{line-height:1.6;color:#496079}#notice{font-weight:600;color:#124c89}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:1100px){.workspace{grid-template-columns:190px 1fr}.workspace>aside:last-child{grid-column:1/-1}.preview{max-width:250px}.platforms{grid-template-columns:1fr}}@media(max-width:650px){.workspace{display:block}.workspace>*{margin-bottom:16px}.fields{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}h1{font-size:26px}nav{flex-wrap:wrap}}
.login-card{max-width:430px;margin:40px auto}.version-panel{margin-top:20px}.actions{align-items:center}.actions label{margin:0}.version-panel select{min-width:150px}header button{padding:5px 14px}#notice{min-height:26px}.preview{container-type:inline-size}#preview-text{font-size:calc(var(--preview-size,48) / 1080 * 100cqw)}.events-row{padding:16px;background:white;border-bottom:1px solid #d5dfec}.dirty{color:#9a5400}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:22px 0}.video-grid video{width:100%;max-height:300px;background:#12283a;border-radius:12px}.video-grid form{display:grid;gap:10px;margin:16px 0}.permission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0}.permission-list input,input[type=checkbox]{width:auto}progress{display:block;width:100%;margin-top:16px}a{color:#096aa5}input[type=file]{max-width:100%}