:root{font:15px/1.5 system-ui,sans-serif;color:#202c3e;background:#f3f5fa}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:245px;min-height:100vh;background:#122235;color:#dce5ee;padding:32px 22px;position:fixed;inset:0 auto 0 0}a{color:#265bbb}.brand{display:flex;gap:14px;text-decoration:none;color:white;font-size:30px;font-weight:800;align-items:center}.brand span{font-size:17px;letter-spacing:2px}.brand small{font-size:8px;display:block;letter-spacing:1px}.label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#6f8197}aside .label{margin-top:40px}nav button{display:block;width:100%;text-align:left;margin:6px 0;border:0;background:transparent;color:#b9c8d9;padding:12px 15px}nav button.active{background:#263e58;color:white}.side-note{margin-top:45px;color:#8fa3bb;font-size:12px}main{margin-left:245px;padding:34px 42px;width:calc(100% - 245px)}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:31px;letter-spacing:-1px;margin:5px 0 22px}h2{font-size:20px;margin-top:0}h3{margin:5px 0}button,.button{border:1px solid #d5deea;border-radius:9px;padding:10px 16px;background:white;color:#243c58;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:#598ab9}button:focus-visible,a:focus-visible{outline:3px solid #91b9fa;outline-offset:2px}.primary{background:#265bbb;border-color:#265bbb;color:white}.card{padding:24px;background:white;border:1px solid #e0e6ef;border-radius:15px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.metrics{display:flex;gap:16px;margin-bottom:22px}.metrics .card{flex:1;margin:0}.metric{font-size:30px;font-weight:700}.muted{color:#718197;font-size:13px}.tag{font-size:11px;display:inline-block;border-radius:20px;padding:4px 10px;background:#eef2f8;color:#536b86}.notice{background:#fff6e6;border-left:3px solid #ce9b39;padding:14px 18px;margin-bottom:22px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs button.active{background:#265bbb;color:white}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}iframe{width:100%;height:78vh;border:1px solid #d5deea;border-radius:12px;background:white}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:11px;border:1px solid #ccd6e4;border-radius:8px;font:inherit;margin-top:6px}input[type=checkbox]{display:inline;width:auto;margin-right:9px}.login{max-width:490px;margin:50px auto}.record{padding:12px 0;border-bottom:1px solid #edf0f5}#status{color:#375c90;min-height:22px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:850px){aside{position:static;width:100%;min-height:0;padding:20px}body{display:block}nav{display:flex;flex-wrap:wrap}nav button{width:auto}.side-note,aside .label{display:none}main{margin:0;width:100%;padding:24px}h1{font-size:26px}.metrics{flex-wrap:wrap}}

.ads-workspace{display:grid;gap:22px}.ad-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ad-form fieldset{border:1px solid #d4dae3;border-radius:10px}.ad-check{display:flex;align-items:center;gap:8px}.ad-check input{width:auto}.ad-preview{margin-top:20px;padding:24px;color:white;border-radius:12px;max-width:640px}.ad-preview img,.ad-preview video{max-width:100%;max-height:300px}.ad-cta{background:white;color:#123;padding:8px 14px;border-radius:7px;display:inline-block}.ad-placement{display:flex;flex-wrap:wrap;gap:14px;padding:12px;border-bottom:1px solid #ddd}.ad-review{white-space:pre-wrap}.ad-chart{display:flex;align-items:end;gap:6px;min-height:180px;overflow:auto;padding:20px;border-bottom:1px solid #bbb}.ad-chart>div{min-width:24px;display:grid;text-align:center}.ad-bar{background:#237f8c;border-radius:5px 5px 0 0}.ads-workspace td,.ads-workspace th{text-align:left;padding:10px;border-bottom:1px solid #ddd}.ads-workspace a{display:inline-block;margin:8px 12px 8px 0}

main{max-width:1300px;margin:0 auto;padding:24px}.studio-video,.studio-preview{width:100%;aspect-ratio:16/9;background:#111;object-fit:contain;border:0}.studio-preview{margin-top:18px}progress{width:100%}fieldset{border:1px solid #cbd5e1;border-radius:10px;padding:12px}input[readonly]{font-size:.85rem}video{max-width:100%}

.editor-timeline{display:flex;gap:10px;overflow-x:auto;padding:12px 0;min-height:90px}.editor-timeline button{min-width:180px;max-width:280px;white-space:normal;text-align:left;cursor:grab}.editor-timeline button.active{outline:3px solid #06b6d4}#editor-jobs a{display:inline-block;margin:8px 0}.ad-form input[type=number]{width:100%}