:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d232f;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:16px;background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:24px}.brand.compact{margin-bottom:6px}.shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr) 380px;gap:0}.sidebar,.editor{background:#fff;border-right:1px solid #dce2ea;padding:24px}.editor{border-left:1px solid #dce2ea;border-right:0;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#e21d48;color:#fff;font-weight:800}h1,h2,h3,p{margin:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:15px;line-height:1.25}.brand p,.topbar p,.muted,.video-info p{color:#667085;font-size:13px;line-height:1.5}.panel{border-top:1px solid #e8edf3;padding:20px 0}.panel-head,.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.status{font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px}.status.ok{color:#116149;background:#d9f8ea}.status.warn{color:#8a4b00;background:#fff1d6}.content{padding:26px;min-width:0}.topbar{margin-bottom:20px}.workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:20px;align-items:start}.composer,.video-card,.empty{background:#fff;border:1px solid #dce2ea;border-radius:8px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:8px;border-bottom:1px solid #e8edf3}.tabs button,.btn,.icon-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.tabs button{min-height:40px;border-radius:7px;background:transparent;color:#526070;font-weight:700}.tabs button.active{background:#eef3f8;color:#1d232f}.form{display:grid;gap:14px;padding:18px}label{display:grid;gap:7px}label span{color:#344054;font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid #cfd8e3;border-radius:7px;padding:10px 11px;background:#fff;color:#1d232f}textarea{resize:vertical}.btn{width:100%;min-height:42px;border-radius:7px;background:#edf2f7;color:#243142;font-weight:800;margin-top:10px}.btn.primary{background:#e21d48;color:#fff}.btn.publish{background:#0f766e;color:#fff}.btn.google{background:#fff;border:1px solid #dce2ea;color:#243142}.btn.ghost{background:#fff;border:1px solid #dce2ea}.btn:disabled,.icon-btn:disabled{opacity:.55;cursor:not-allowed}.library{display:grid;gap:12px}.video-card{display:grid;grid-template-columns:112px minmax(0,1fr) 78px;gap:14px;padding:12px}.video-card.selected{border-color:#e21d48;box-shadow:0 0 0 2px #e21d481f}.thumb{width:112px;aspect-ratio:9 / 16;border:0;border-radius:7px;overflow:hidden;padding:0;background:#0f172a}.thumb video,.preview{width:100%;height:100%;object-fit:cover}.video-info{min-width:0;display:grid;align-content:start;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:12px;padding:4px 7px;background:#eef3f8;border-radius:999px;color:#526070}.actions{display:flex;align-items:start;justify-content:end;gap:8px}.icon-btn{width:34px;height:34px;border-radius:7px;background:#f2f5f9;color:#344054}.icon-btn.danger{color:#b42318}.icon-btn.publish-action{color:#0f766e}.empty{min-height:260px;display:grid;place-items:center;text-align:center;color:#667085;padding:30px}.preview{aspect-ratio:9 / 16;max-height:430px;background:#0f172a;border-radius:8px;margin-bottom:18px}.published{color:#116149;font-size:13px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:12px 16px;border-radius:8px;color:#fff;font-weight:700;box-shadow:0 18px 45px #0f172a38}.toast.success{background:#0f766e}.toast.error{background:#b42318}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.shell{grid-template-columns:260px minmax(0,1fr)}.editor{grid-column:1 / -1;border-top:1px solid #dce2ea}}@media(max-width:860px){.shell,.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dce2ea}.content{padding:18px}.video-card{grid-template-columns:86px minmax(0,1fr)}.actions{grid-column:1 / -1;justify-content:start}.thumb{width:86px}}