@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Mitr;src:url(/api/server/v1/fonts/Mitr-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Kanit;src:url(/api/server/v1/fonts/Kanit-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Itim;src:url(/api/server/v1/fonts/Itim-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Mali;src:url(/api/server/v1/fonts/Mali-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/api/server/v1/fonts/ChakraPetch-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--ink:#17233d;--muted:#71809b;--line:#e7ebf3;--panel:#fff;--soft:#f6f8fc;--primary:#0866ff;--primary-dark:#0057db;--blue:#0866ff;--green:#18a875;--coral:#ff795e}.admin-layout{gap:20px;display:grid}.admin-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-section-head h2{margin:5px 0 0;font-size:20px}.admin-closed-badge,.admin-you{color:#176a49;white-space:nowrap;background:#eaf8f1;border:1px solid #c9eddc;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.admin-create-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.admin-create-form label,.admin-role-controls label{gap:7px;min-width:0;display:grid}.admin-create-form label>span,.admin-role-controls label>span{color:var(--muted);font-size:11px;font-weight:700}.admin-create-form input,.admin-create-form select,.admin-role-controls select{width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:9px 11px}.admin-create-form .form-error{grid-column:1/-1}.admin-user-list{gap:12px;display:grid}.admin-user-card{border:1px solid var(--line);background:#fafbfe;border-radius:14px;grid-template-columns:minmax(220px,1.15fr) minmax(190px,.9fr) minmax(370px,1.5fr);align-items:center;gap:15px;padding:15px;display:grid}.admin-user-identity{align-items:center;gap:9px;min-width:0;display:flex}.admin-user-identity div{min-width:0;display:grid}.admin-user-identity b,.admin-user-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-identity small,.admin-user-stats{color:var(--muted)}.admin-status-dot{background:#23a66f;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #e2f6ec}.admin-status-dot.suspended{background:#d65761;box-shadow:0 0 0 4px #fbe7e9}.admin-user-stats{flex-wrap:wrap;gap:5px 13px;font-size:11px;display:flex}.admin-role-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.admin-role-controls select{min-height:36px;padding:6px 8px;font-size:12px}.admin-user-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:9px;padding-top:11px;display:flex}.button.admin-danger{color:#bd424d;background:#fff;border:1px solid #efc8cc}.admin-result{color:var(--muted);margin-right:auto}.admin-audit-list{display:grid}.admin-audit-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,.7fr) minmax(180px,1fr) minmax(260px,1.4fr);gap:14px;padding:12px 3px;font-size:12px;display:grid}.admin-audit-row:last-child{border-bottom:0}.admin-audit-row small{color:var(--muted);text-align:right}.admin-empty{color:var(--muted);margin:0}.admin-usage-list{gap:12px;display:grid}.admin-usage-card{border:1px solid var(--line);background:#fafbfe;border-radius:14px;padding:15px}.admin-usage-summary{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;display:grid}.admin-usage-summary>div{min-width:0;display:grid}.admin-usage-summary small{color:var(--muted)}.admin-usage-summary>span{min-width:110px;color:var(--muted);text-align:right;font-size:11px;display:grid}.admin-usage-summary>span b{color:var(--ink);font-size:16px}.admin-usage-providers{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px;padding-top:13px;display:grid}.admin-usage-providers>div{border:1px solid var(--line);background:#fff;border-radius:10px;gap:3px;padding:10px;font-size:11px;display:grid}.admin-usage-providers small{color:var(--muted)}@media (max-width:1180px){.admin-user-card{grid-template-columns:1fr 1fr}.admin-role-controls{grid-column:1/-1}}@media (max-width:720px){.admin-create-form,.admin-user-card,.admin-role-controls,.admin-audit-row,.admin-usage-summary,.admin-usage-providers{grid-template-columns:1fr}.admin-role-controls{grid-column:auto}.admin-user-actions{flex-direction:column;align-items:stretch}.admin-user-actions .button{width:100%}.admin-audit-row small,.admin-usage-summary>span{text-align:left}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fbfcff;margin:0;font-family:Manrope,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea,optgroup{font:inherit}input,select{font-weight:500}textarea{font-weight:400}select option{color:#283650;font-size:13px;font-weight:500}::placeholder{color:#a5aec0;opacity:1;font-size:13px;font-weight:400}button{cursor:pointer}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{object-fit:contain;border-radius:10px;flex:none;width:34px;height:34px;display:block;box-shadow:0 8px 20px #0866ff3d}.button{border:0;border-radius:13px;justify-content:center;align-items:center;min-height:45px;padding:0 20px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait;transform:none}.button.primary{color:#fff;background:linear-gradient(135deg,#2380ff,#0866ff);box-shadow:0 10px 25px #0866ff33}.button.primary:hover{box-shadow:0 14px 30px #0866ff4d}.button.secondary{color:#0866ff;background:#edf5ff;border:1px solid #cfe2ff}.button.ghost{color:#526078;background:0 0}.button.small{border-radius:11px;min-height:40px;padding:0 17px}.landing-shell{background:radial-gradient(circle at 70% 42%,#eaf3ff 0,#0000 31%),linear-gradient(#fff,#fafcff);min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:86px;margin:auto;display:flex}.nav-actions{align-items:center;gap:6px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:min(1180px,100% - 48px);min-height:calc(100vh - 86px);margin:auto;padding:75px 0 120px;display:grid}.eyebrow,.section-kicker{color:var(--primary);letter-spacing:1.6px;text-transform:uppercase;font-size:11px;font-weight:800}.eyebrow{background:#edf5ff;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.eyebrow span{background:var(--primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0866ff1f}.hero h1{letter-spacing:-3px;margin:23px 0 20px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(48px,5vw,70px);line-height:1.09}.hero h1 em{color:var(--primary);font-style:normal}.hero-copy>p{color:#687690;max-width:570px;margin:0;font-family:Noto Sans Thai,sans-serif;font-size:17px;line-height:1.9}.hero-actions{gap:12px;margin-top:30px;display:flex}.trust-row{color:#8490a5;flex-wrap:wrap;gap:20px;margin-top:27px;font-size:12px;font-weight:600;display:flex}.trust-row span:first-letter{color:var(--green)}.hero-visual{flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex;position:relative}.visual-glow{background:radial-gradient(circle,#0866ff2e,#0866ff00 67%);border-radius:50%;width:390px;height:390px;position:absolute}.workflow-card{z-index:2;background:#ffffffed;border:1px solid #e0e2f0e6;border-radius:18px;align-items:center;gap:15px;width:min(100%,470px);min-height:93px;padding:18px 20px;display:flex;position:relative;box-shadow:0 18px 55px #322c671a}.workflow-card>div{flex-direction:column;gap:4px;display:flex}.workflow-card b{font-size:14px}.workflow-card small{color:#8792a8;font-size:11px}.workflow-icon{border-radius:14px;flex:0 0 49px;place-items:center;height:49px;font-size:12px;font-weight:800;display:grid}.workflow-icon.blue{color:#3476e2;background:#e9f2ff}.workflow-icon.violet{color:#0866ff;background:#eaf3ff}.workflow-icon.coral{color:#e66247;background:#fff0ec}.card-upload{transform:translate(-20px)rotate(-1deg)}.card-ai{border-color:#cfe2ff;transform:translate(20px)scale(1.02)}.card-ready{transform:translate(-4px)rotate(.6deg)}.flow-line{z-index:1;background:linear-gradient(#b9d6ff,#e3efff);width:2px;height:33px}.done-dot{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:auto;font-size:11px;display:grid}.live-pill{color:#0866ff;background:#edf5ff;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:9px;font-weight:700}.duration{color:#53617b;margin-left:auto;font-size:12px;font-weight:800}.bridge-chip{z-index:3;color:#516078;background:#fff;border-radius:30px;padding:11px 15px;font-size:10px;font-weight:700;position:absolute;bottom:44px;right:5px;box-shadow:0 10px 35px #2a2f4d26}.pulse{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #18a8751f}.auth-page{background:radial-gradient(circle at 15% 20%,#e6f1ff,#0000 30%),radial-gradient(circle at 85% 80%,#e9f3ff,#0000 30%),#fafcff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:38px 24px;display:flex}.auth-brand{position:absolute;top:34px;left:42px}.auth-card{background:#fffffff5;border:1px solid #e5e8f2;border-radius:24px;width:min(100%,460px);padding:42px;box-shadow:0 25px 70px #3034561a}.auth-heading{text-align:center}.auth-kicker{color:var(--primary);letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:800}.auth-heading h1{letter-spacing:-.8px;margin:12px 0 8px;font-family:Noto Sans Thai,sans-serif;font-size:27px}.auth-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.auth-form{gap:16px;margin-top:30px;display:grid}.auth-form label{color:#3f4c64;gap:8px;font-size:12px;font-weight:700;display:grid}.auth-form input{width:100%;height:49px;color:var(--ink);background:#fbfcff;border:1px solid #dfe4ee;border-radius:12px;outline:none;padding:0 15px;transition:all .2s}.auth-form input:focus{background:#fff;border-color:#0866ff;box-shadow:0 0 0 4px #0866ff17}.auth-form input::placeholder{color:#aab3c4}.auth-submit{width:100%;margin-top:3px}.form-error{color:#c54550;background:#fff0f1;border:1px solid #ffd8dc;border-radius:10px;padding:11px 13px;font-size:12px}.auth-switch{color:#8994a7;text-align:center;margin:4px 0 0;font-size:12px}.auth-switch a{color:var(--primary);font-weight:700}.auth-note{color:#9aa4b5;margin:20px 0 0;font-size:10px}.dashboard-shell{background:#f6f8fc;min-height:100vh;display:flex}.sidebar{z-index:10;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:238px;padding:27px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:0 9px 27px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-label{color:#a5aec0;letter-spacing:1.3px;padding:14px 12px 8px;font-size:10px;font-weight:800}.settings-label{margin-top:14px}.sidebar-link{color:#66738b;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.sidebar-link>span:first-child{color:#7f8aa0;text-align:center;width:18px;font-size:15px}.sidebar-link.active{color:#0866ff;background:#edf5ff;font-weight:800}.sidebar-link.active>span{color:#0866ff}.sidebar-link small{color:#a4acba;background:#f1f3f7;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-link.disabled{cursor:default}.sidebar-bottom{margin-top:auto}.plan-card{background:linear-gradient(135deg,#edf5ff,#f6faff);border:1px solid #d4e6ff;border-radius:12px;flex-direction:column;gap:3px;margin-bottom:9px;padding:13px 14px;display:flex}.plan-card span{color:#6a8dbd;letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700}.plan-card b{color:#0866ff;font-size:13px}.plan-card small{color:#8d95a8;font-size:10px}.logout{color:#738097;border:1px solid #0000;min-height:43px;margin-top:5px;transition:color .16s,background .16s,border-color .16s}.sidebar-link.logout>.logout-icon{color:#78869b;background:#f1f4f8;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;transition:color .16s,background .16s;display:grid}.logout-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.logout-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.logout:hover:not(:disabled){color:#bd4451;background:#fff4f5;border-color:#f5dadd}.logout:hover:not(:disabled) .logout-icon{color:#c74754;background:#ffe7e9}.logout:disabled{cursor:wait;opacity:.6}.dashboard-main{width:calc(100% - 238px);margin-left:238px}.dashboard-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex}.mobile-brand{color:inherit;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:none}.mobile-brand img{object-fit:contain;border-radius:8px;width:28px;height:28px}.account-chip{align-items:center;gap:10px;display:flex}.account-chip>div{flex-direction:column;gap:1px;display:flex}.account-chip b{font-size:13px}.account-chip small{color:#8d97a9;font-size:11px}.avatar{color:#fff;background:linear-gradient(145deg,#2380ff,#0866ff);border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.dashboard-content{width:min(1320px,100% - 56px);margin:0 auto;padding:40px 0 80px}.welcome-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.welcome-intro{align-items:center;gap:16px;display:flex}.welcome-row h1{letter-spacing:-.7px;margin:7px 0 4px;font-family:Noto Sans Thai,sans-serif;font-size:28px}.welcome-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.server-pill{color:#69768e;border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.server-pill span,.status-badge span,.device-state span{background:#a9b1bf;border-radius:50%;width:7px;height:7px}.server-pill.healthy span,.status-badge.online span,.device-state.online span{background:var(--green);box-shadow:0 0 0 4px #18a8751a}.server-pill.offline span{background:#e35864}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:17px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;min-height:120px;padding:21px;display:flex}.stat-icon{border-radius:12px;flex:0 0 42px;place-items:center;height:42px;font-size:15px;font-weight:800;display:grid}.stat-icon.purple{color:#0866ff;background:#eaf3ff}.stat-icon.blue{color:#357adc;background:#eaf3ff}.stat-icon.green{color:#15966a;background:#e8f8f2}.stat-card>div{flex-direction:column;min-width:0;display:flex}.stat-card small{color:#808b9e;font-size:11px;font-weight:600}.stat-card strong{margin:4px 0 3px;font-size:22px}.stat-card p{color:#98a1b1;margin:0;font-size:11px;line-height:1.5}.dashboard-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px}.dashboard-card h2{margin:6px 0 0;font-family:Noto Sans Thai,sans-serif;font-size:18px}.roadmap-card{margin-bottom:17px}.roadmap-items{align-items:flex-start;margin-top:24px;display:flex}.roadmap-item{text-align:center;flex-direction:column;flex:0 0 140px;align-items:center;display:flex}.roadmap-item i{color:#9099aa;background:#f1f3f7;border:3px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-style:normal;font-weight:800;display:grid;box-shadow:0 0 0 1px #e3e6ed}.roadmap-item.complete i{color:#fff;background:var(--green);box-shadow:0 0 0 1px var(--green)}.roadmap-item.current i{color:#fff;background:var(--primary);box-shadow:0 0 0 4px #dbeaff}.roadmap-item b{margin-top:9px;font-size:12px}.roadmap-item small{color:#98a1b1;margin-top:3px;font-size:10px;line-height:1.5}.roadmap-line{background:#e7eaf0;flex:1;height:2px;margin-top:15px}.roadmap-line.complete{background:#7dd5b6}.bridge-panel{scroll-margin-top:20px}.card-heading{justify-content:space-between;gap:20px;display:flex}.card-heading h2{margin-bottom:3px}.card-heading p{color:#8a95a8;margin:0;font-size:12px;line-height:1.6}.status-badge{color:#7c8799;white-space:nowrap;background:#f6f7fa;border-radius:20px;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.online{color:#16865f;background:#ebf8f3}.pair-grid{border:1px solid #edf0f5;border-radius:13px;grid-template-columns:repeat(3,1fr);margin:24px 0 17px;display:grid;overflow:hidden}.pair-step{background:#fbfcfe;border-right:1px solid #edf0f5;align-items:center;gap:11px;min-height:84px;padding:16px;display:flex}.pair-step:last-child{border-right:0}.step-number{color:#0866ff;background:#eaf3ff;border-radius:8px;flex:0 0 28px;place-items:center;height:28px;font-size:12px;font-weight:800;display:grid}.pair-step>div{flex-direction:column;gap:3px;display:flex}.pair-step b{font-size:12px}.pair-step small{color:#8b95a6;font-size:11px;line-height:1.55}.code-box{background:linear-gradient(110deg,#edf5ff,#f8fbff);border:1px dashed #acd0ff;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:17px 19px;display:flex}.code-box>div{flex-direction:column;gap:3px;display:flex}.code-box span{color:#7771a3;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.code-box strong{color:#0866ff;letter-spacing:5px;font-size:27px}.code-box small{color:#8b93a5;font-size:11px}.code-box .button{min-height:41px;padding:0 17px;font-size:12px}.device-list{margin-top:22px}.device-list-title{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.device-list-title b{font-size:13px}.device-list-title button{color:var(--primary);background:0 0;border:0;font-size:11px;font-weight:700}.empty-device{color:#98a2b3;background:#fafbfd;border:1px solid #eef0f4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;display:flex}.empty-device span{font-size:20px}.empty-device p{margin:4px 0 0;font-size:11px}.device-row{border:1px solid #edf0f4;border-radius:11px;align-items:center;gap:11px;min-height:66px;padding:11px 13px;display:flex}.device-icon{color:#0866ff;background:#eaf3ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.device-row>div{flex-direction:column;gap:3px;display:flex}.device-row b{font-size:12px}.device-row small{color:#8f99a9;font-size:11px}.device-state{color:#858f9f;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.text-danger{color:#d75a64;background:0 0;border:0;font-size:11px;font-weight:700}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-title h1{letter-spacing:-.7px;margin:7px 0 4px;font-family:Noto Sans Thai,sans-serif;font-size:28px}.page-title p{color:var(--muted);margin:0;font-size:14px}.studio-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start;gap:18px;display:grid}.studio-panel,.preview-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:25px}.preview-panel{position:sticky;top:20px}.panel-title{align-items:center;gap:12px;display:flex}.panel-title.small{margin-top:2px}.panel-title h2,.preview-heading h2{margin:0;font-family:Noto Sans Thai,sans-serif;font-size:20px}.panel-title p{color:#8a95a8;margin:3px 0 0;font-size:12px}.panel-icon{height:38px;color:var(--primary);background:#eaf3ff;border-radius:11px;flex:0 0 38px;place-items:center;font-size:15px;font-weight:800;display:grid}.upload-zone{color:#66758d;cursor:pointer;background:#f8fbff;border:1.5px dashed #a9ccfb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;margin:20px 0;transition:all .2s;display:flex}.upload-zone:hover{border-color:var(--primary);background:#f1f7ff}.upload-zone input{display:none}.upload-zone b{color:#34425b;margin-top:8px;font-size:14px}.upload-zone small{color:#96a2b4;margin-top:4px;font-size:11px}.upload-zone.compact{min-height:112px}.upload-zone.has-file{background:#f2fbf7;border-color:#8fd6ba}.upload-symbol{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:38px;height:38px;font-size:21px;display:grid;box-shadow:0 8px 20px #0866ff33}.upload-zone.has-file .upload-symbol{background:var(--green)}.source-preview{background:#fbfcfe;border:1px solid #e6ebf3;border-radius:13px;margin:-6px 0 17px;padding:12px}.source-preview-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;display:flex}.source-preview-head b{color:#2a3854;font-size:12px}.source-preview-head small{color:#929daf;font-size:10px}.source-preview video{background:#0a0d14;border-radius:10px;width:100%;max-height:330px;display:block}.source-link-box{margin:-3px 0 19px}.panel-title+.source-link-box,.panel-title+.affiliate-gate,.panel-title+.account-code-hint,.panel-title+.cart-note,.panel-title+.page-picker{margin-top:18px}.source-link-label{color:#1f2c43;flex-wrap:wrap;align-items:baseline;gap:5px;display:flex}.source-link-label b{font-size:13px}.source-link-label span{color:#929caf;font-size:11px;font-weight:500}.source-link-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:9px;display:grid}.source-link-row input{color:#2e3a51;background:#fff;border:1px solid #dfe5ee;border-radius:11px;outline:0;width:100%;height:47px;padding:0 14px;font-size:13px}.source-link-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.source-link-row button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:11px;min-width:84px;padding:0 15px;font-size:12px;font-weight:800}.source-link-row button:disabled{opacity:.55;cursor:wait}.source-link-box p{color:#8b97a9;min-height:17px;margin:7px 0 0;font-size:10px;line-height:1.5}.source-link-box p.success{color:#14966a}.facebook-product-history{background:#f5f9ff;border:1px solid #d9e8ff;border-radius:11px;grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr);align-items:center;gap:10px;margin-top:9px;padding:10px 11px;display:grid}.facebook-product-history label{color:#526078;font-size:10.5px;font-weight:750}.facebook-product-history select{color:#33415c;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:0;width:100%;height:38px;padding:0 32px 0 11px;font-size:10.5px}.facebook-product-history select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.selected-files{gap:7px;margin:-8px 0 20px;display:grid}.selected-file{background:#fbfcfe;border:1px solid #e9edf4;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;display:flex}.selected-file>span{height:28px;color:var(--primary);background:#eaf3ff;border-radius:8px;flex:0 0 28px;place-items:center;font-size:9px;font-weight:800;display:grid}.selected-file>div{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-file b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.selected-file small{color:#929daf;font-size:10px}.selected-file button{color:#9ba5b5;background:0 0;border:0;margin-left:auto;font-size:17px}.form-grid{gap:13px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.full-field{color:#445169;gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.form-grid label>span small,.full-field>span small,.field-group>span small{color:#a0a9b8;font-size:11px;font-weight:500}.form-grid input,.form-grid select,.full-field textarea,.script-editor textarea{color:#283650;background:#fbfcff;border:1px solid #dfe5ef;border-radius:10px;outline:0;width:100%}.form-grid input,.form-grid select{height:48px;padding:0 14px;font-size:14px}.form-grid input:focus,.form-grid select:focus,.full-field textarea:focus,.script-editor textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0866ff14}.full-field{margin-top:16px}.full-field textarea{resize:vertical;min-height:100px;padding:13px 14px;font-size:14px;line-height:1.65}.field-group{margin-top:18px}.field-group>span{color:#445169;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-grid button{color:#536078;text-align:left;background:#fff;border:1px solid #e2e7ef;border-radius:11px;flex-direction:column;align-items:flex-start;gap:4px;min-height:78px;padding:13px 14px;display:flex}.choice-grid button.selected{color:var(--primary);background:#f1f7ff;border-color:#8abbff;box-shadow:0 0 0 2px #0866ff0f}.choice-grid button b{font-size:13px}.choice-grid button small{color:#8490a3;font-size:11px;line-height:1.5}.studio-submit{width:100%;min-height:52px;margin-top:17px;font-size:14px}.preview-heading{justify-content:space-between;align-items:center;display:flex}.preview-heading h2{margin-top:5px}.empty-preview{color:#9ca7b8;text-align:center;background:linear-gradient(145deg,#f7f9fd,#fbfcff);border:1px solid #edf0f5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin:18px 0 14px;display:flex}.empty-preview>span{width:54px;height:54px;color:var(--primary);background:#eaf3ff;border-radius:50%;place-items:center;font-size:19px;display:grid}.empty-preview b{color:#657188;margin-top:13px;font-size:14px}.empty-preview p{max-width:260px;margin:5px 0 0;font-size:11px;line-height:1.6}.result-video{background:#0a0d14;border-radius:14px;width:100%;max-height:510px;margin:18px 0 12px;display:block}.result-summary{margin-bottom:13px}.result-summary b{font-size:14px}.result-summary p{color:#8490a4;margin:4px 0 0;font-size:11px;line-height:1.6}.full-button{width:100%;font-size:13px}.result-actions{grid-template-columns:1fr 1.25fr;gap:8px;display:grid}.progress-card{background:#f8faff;border:1px solid #e8edf5;border-radius:11px;margin-top:14px;padding:13px}.progress-card>div{color:#68758d;justify-content:space-between;font-size:11px;display:flex}.progress-card b{color:var(--primary)}.progress-card progress{appearance:none;border:0;border-radius:10px;width:100%;height:5px;margin-top:9px;display:block;overflow:hidden}.progress-card progress::-webkit-progress-bar{background:#e5ebf4}.progress-card progress::-webkit-progress-value{background:var(--primary);border-radius:10px}.script-editor{background:#f8fbff;border:1px solid #dceafe;border-radius:12px;margin-top:18px;padding:15px}.script-editor>div{flex-direction:column;gap:3px;display:flex}.script-editor>div b{font-size:14px}.script-editor textarea{resize:vertical;min-height:170px;margin-top:10px;padding:14px;font-family:Noto Sans Thai,sans-serif;font-size:15px;line-height:1.8}.script-editor>small{color:#8f9bad;margin-top:5px;font-size:11px;display:block}.divider{background:var(--line);height:1px;margin:23px 0}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row button{color:#68758b;background:#fff;border:1px solid #dfe5ee;border-radius:18px;min-height:38px;padding:0 13px;font-size:12px}.ai-provider-status{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ai-provider-status span{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.ai-provider-status .ready{color:#117b59;background:#e9f8f2}.ai-provider-status .missing{color:#a86512;background:#fff5df}.tag-row button.selected{color:var(--primary);background:#edf5ff;border-color:#8abbff;font-weight:700}.voice-control-panel{flex-direction:column;display:flex}.voice-engine-grid{margin-top:18px}.option-section{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.option-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.option-head.static{justify-content:flex-start}.option-head h3{color:#25334b;margin:0;font-size:16px}.option-head h3 small{color:#99a4b5;font-size:11px;font-weight:500}.option-head p{color:#8c98aa;margin:4px 0 0;font-size:12px}.switch{flex:0 0 44px;width:44px;height:25px;position:relative}.switch input,.mini-switch input{opacity:0;pointer-events:none;position:absolute}.switch>span{cursor:pointer;background:#dfe4ec;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch>span:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #1a2d4c2e}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(19px)}.option-body{background:#f8fbff;border:1px solid #e0ebfa;border-radius:13px;margin-top:16px;padding:17px}.color-option-row{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.color-option-row label{color:#526079;background:#fff;border:1px solid #e0e6ef;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:145px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.color-option-row input[type=color]{background:#fff;border:1px solid #d9e0ea;border-radius:7px;width:31px;height:27px;padding:2px}.segmented{grid-template-columns:1fr 1fr;gap:7px;display:grid}.segmented button{color:#6d788c;background:#fff;border:1px solid #dde4ee;border-radius:10px;min-height:40px;font-size:12px;font-weight:700}.segmented button.active{color:var(--primary);background:#edf5ff;border-color:#8abbff}.logo-upload{cursor:pointer;background:#fff;border:1px dashed #a9c9f5;border-radius:11px;align-items:center;gap:12px;min-height:78px;margin-top:12px;padding:12px;display:flex}.logo-upload input{display:none}.logo-upload>span{height:38px;color:var(--primary);background:#eaf3ff;border-radius:10px;flex:0 0 38px;place-items:center;font-size:18px;font-weight:800;display:grid}.logo-upload>div{flex-direction:column;gap:3px;min-width:0;display:flex}.logo-upload b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logo-upload small{color:#95a0b1;font-size:10px}.brand-text-input{grid-template-columns:1fr;gap:13px;margin-top:12px;display:grid}.brand-text-input input[type=text]{border:1px solid #dfe5ef;border-radius:10px;height:45px;padding:0 13px;font-size:13px}.brand-text-color{background:#fff;border:1px solid #dfe5ef;border-radius:12px;padding:12px 13px}.brand-text-color .extension-label{margin-bottom:10px}.brand-layout-web{grid-template-columns:1fr 1.15fr;gap:22px;margin-top:16px;display:grid}.brand-layout-web b{color:#536078;margin-bottom:9px;font-size:12px;display:block}.position-grid{grid-template-columns:repeat(3,38px);gap:6px;width:126px;display:grid}.position-grid button{background:#fff;border:1px solid #dfe5ee;border-radius:9px;place-items:center;height:38px;display:grid}.position-grid button span{background:#cbd3df;border-radius:50%;width:8px;height:8px}.position-grid button.active{background:#fff2ea;border-color:#ffaf82;box-shadow:0 0 0 2px #ff7e3414}.position-grid button.active span{background:#f47a32}.check-row{color:#69768b;align-items:center;gap:7px;margin-top:10px;font-size:11px;display:flex}.brand-sliders{align-content:start;gap:13px;display:grid}.brand-sliders label{color:#56637a;gap:7px;font-size:12px;font-weight:700;display:grid}.brand-sliders input[type=range]{width:100%;accent-color:var(--primary)}.brand-sliders select{background:#fff;border:1px solid #dfe5ee;border-radius:9px;height:40px;padding:0 10px}.feature-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.feature-option{cursor:pointer;background:#fafbfd;border:1px solid #e6eaf1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:12px 13px;display:flex}.feature-option.active{background:#f4f8ff;border-color:#cfe0fa}.feature-option>div{flex-direction:column;gap:3px;display:flex}.feature-option b{color:#3e4b62;font-size:13px}.feature-option small{color:#98a2b1;font-size:10px;line-height:1.45}.mini-switch{flex:0 0 35px;width:35px;height:20px;position:relative}.mini-switch i{background:#dfe4ec;border-radius:15px;transition:all .2s;position:absolute;inset:0}.mini-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #14223733}.mini-switch input:checked+i{background:var(--primary)}.mini-switch input:checked+i:after{transform:translate(15px)}.music-picker{background:#f4f8ff;border:1px solid #d9e7fb;border-radius:11px;grid-template-columns:1fr minmax(210px,.7fr);align-items:end;gap:10px;margin-top:10px;padding:13px;display:grid}.music-picker label{color:#536078;gap:7px;font-size:12px;font-weight:700;display:grid}.music-picker select{background:#fff;border:1px solid #dfe5ee;border-radius:9px;height:42px;padding:0 11px;font-size:12px}.music-picker audio{width:100%;height:42px}.thumbnail-result{grid-template-columns:88px 1fr;align-items:center;gap:10px;margin-bottom:13px;display:grid}.thumbnail-result img{aspect-ratio:9/16;object-fit:cover;background:#f1f3f7;border-radius:10px;width:88px}.thumbnail-result .button{min-height:40px;font-size:12px}.caption-result{background:#f8fbff;border:1px solid #e1eaf7;border-radius:11px;margin-bottom:13px;padding:12px}.caption-result>div{justify-content:space-between;align-items:center;display:flex}.caption-result b{font-size:12px}.caption-result button{color:var(--primary);background:0 0;border:0;font-size:11px;font-weight:700}.caption-result textarea{resize:vertical;color:#48556c;background:#fff;border:1px solid #dde5f0;border-radius:9px;width:100%;min-height:90px;margin-top:8px;padding:10px;font-family:Noto Sans Thai,sans-serif;font-size:12px;line-height:1.6}.post-empty-clips{color:#7b8698;background:#fafbfd;border:1px dashed #dde3ec;border-radius:13px;flex-direction:column;align-items:center;gap:4px;margin:18px 0;padding:26px;display:flex}.post-empty-clips b{color:#46536b;font-size:13px}.post-empty-clips small{font-size:11px}.clip-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:18px 0 4px;display:grid}.clip-card{text-align:left;background:#fff;border:1px solid #e4e9f1;border-radius:13px;flex-direction:column;gap:8px;padding:8px;transition:all .15s;display:flex}.clip-card:hover{border-color:#b4d2ff}.clip-card.selected{border-color:var(--primary);background:#f5f9ff;box-shadow:0 0 0 2px #0866ff1a}.clip-card video{aspect-ratio:9/16;object-fit:cover;background:#0a0d14;border-radius:9px;width:100%;max-height:150px;display:block}.clip-card-meta{min-width:0;display:block}.clip-card b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.clip-card small{color:#94a0b2;font-size:10px;display:block}.platform-picker{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px;margin:17px 0 15px;display:grid}.platform-chip{text-align:left;background:#fff;border:1px solid #e4e9f1;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 11px;transition:all .15s;display:flex;position:relative}.platform-chip:hover{border-color:#b4d2ff}.platform-chip.selected{border-color:var(--primary);background:#f5f9ff;box-shadow:0 0 0 2px #0866ff1a}.platform-chip.upcoming{opacity:.72}.platform-chip b{font-size:12px}.platform-chip small{color:#939fb1;font-size:10px}.platform-mark{color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.platform-flag{color:#8b95a8;background:#f1f3f7;border-radius:6px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:9px;right:9px}.platform-note{background:#f5f9ff;border:1px solid #d9e8ff;border-radius:13px;margin-bottom:17px;padding:14px 16px}.platform-note.cart{background:#fff8f1;border-color:#ffe0c2}.platform-note b{font-size:13px}.platform-note p{color:#6c7a91;margin:5px 0 7px;font-size:12px;line-height:1.65}.platform-note span{color:var(--primary);background:#e7f1ff;border-radius:8px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.platform-note.cart span{color:#b4632a;background:#ffeeda}.cart-note{background:#fffaf4;border:1px solid #ffe3c6;border-radius:13px;gap:13px;margin:16px 0;padding:16px;display:flex}.cart-note>span{color:#cf7a33;background:#ffeeda;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font-size:15px;display:grid}.cart-note b{font-size:13px}.cart-note p{color:#7c6a56;margin:5px 0 0;font-size:12px;line-height:1.65}.limit-over{color:#d2555f!important}.full-field>span{align-items:baseline;gap:7px;display:flex}.field-action{color:var(--primary);background:0 0;border:0;margin-left:auto;font-size:11px;font-weight:700}.field-hint{color:#94a0b2;margin-top:2px;font-size:11px;font-weight:500;line-height:1.55}.field-hint code{color:#4b5871;background:#f1f4fa;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.page-picker{background:#fbfcfe;border:1px solid #e6ebf3;border-radius:13px;margin-bottom:16px;padding:15px}.page-picker-head{justify-content:space-between;align-items:flex-start;gap:13px;display:flex}.page-picker-head b{font-size:13px;display:block}.page-picker-head small{color:#8b95a6;max-width:330px;margin-top:3px;font-size:11px;line-height:1.55;display:block}.page-picker-head .button{white-space:nowrap;min-height:38px;padding:0 14px;font-size:12px}.page-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}.page-option{text-align:left;background:#fff;border:1px solid #e4e9f1;border-radius:11px;align-items:center;gap:9px;padding:9px 11px;display:flex}.page-option:hover{border-color:#b4d2ff}.page-option.selected{border-color:var(--primary);background:#f5f9ff;box-shadow:0 0 0 2px #0866ff1a}.page-option img,.page-avatar{color:#fff;object-fit:cover;background:linear-gradient(145deg,#2380ff,#0866ff);border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.page-avatar.youtube{background:linear-gradient(145deg,#ff3152,#f03)}.page-option b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.page-option i{color:var(--primary);margin-left:auto;font-size:12px;font-style:normal;font-weight:800}.page-empty{color:#94a0b2;margin:12px 0 0;font-size:11px;line-height:1.6}.affiliate-gate{background:#fffaf4;border:1px solid #ffe3c6;border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:14px;padding:12px 14px;display:flex}.affiliate-gate>span{color:#fff;background:#e09145;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;font-size:12px;font-weight:800;display:grid}.affiliate-gate p{color:#7c6a56;margin:2px 0 0;font-size:12px;line-height:1.6}.account-code-hint{color:#4b5871;background:#f5f9ff;border:1px solid #d9e8ff;border-radius:12px;margin-bottom:14px;padding:11px 14px;font-size:12px}.account-code-hint code{color:var(--primary);background:#fff;border:1px solid #cfe2ff;border-radius:6px;margin:0 3px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.account-code-hint small{color:#8b97ac;margin-top:5px;font-size:11px;display:block}.subid-list{gap:11px;margin-top:16px;display:grid}.subid-card{background:#fbfcfe;border:1px solid #e6ebf3;border-radius:13px;padding:14px}.subid-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.subid-head b{font-size:13px}.subid-head button{color:var(--primary);background:0 0;border:0;font-size:11px;font-weight:700}.subid-slots{gap:5px;margin:10px 0 11px;padding:0;list-style:none;display:grid}.subid-slots li{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.subid-slots span{color:#94a0b2;font-size:10px;font-weight:700}.subid-slots code{color:#33415c;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e6ebf3;border-radius:7px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow:hidden}.subid-slots button{color:#8994a8;background:0 0;border:0;font-size:10px;font-weight:700}.subid-card input{color:#2e3a51;background:#fff;border:1px solid #dfe5ee;border-radius:10px;outline:0;width:100%;height:42px;padding:0 12px;font-size:12px}.subid-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.source-link-row.single{grid-template-columns:minmax(0,1fr)}.tracking-panel{background:#f5f9ff;border:1px solid #d9e8ff;border-radius:13px;margin-top:18px;padding:15px}.tracking-head{justify-content:space-between;align-items:center;gap:13px;display:flex}.tracking-head b{color:var(--primary);font-size:13px;display:block}.tracking-head small{color:#7b8ba6;margin-top:3px;font-size:11px;line-height:1.5;display:block}.tracking-head .button{white-space:nowrap;min-height:40px;padding:0 16px;font-size:12px}.tracking-status{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px;display:grid}.tracking-pill{color:#77839a;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.tracking-pill i{background:#c3ccda;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.tracking-pill.working{color:var(--primary);border-color:#b7d5ff}.tracking-pill.working i{background:var(--primary);animation:1s ease-in-out infinite tracking-blink}.tracking-pill.done{color:#11825c;background:#f2fbf7;border-color:#b9e6d3}.tracking-pill.done i{background:var(--green)}@keyframes tracking-blink{0%,to{opacity:1}50%{opacity:.3}}.affiliate-run{grid-template-columns:1fr auto;gap:8px;display:grid}.affiliate-run .button{min-height:44px;font-size:12px}.affiliate-run .button.ghost{color:#64708a;border:1px solid #e3e8f0}.post-actions{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:20px;display:grid}.post-actions .button{min-height:47px;font-size:13px}.post-preview-card{background:#fbfcfe;border:1px solid #e8ecf3;border-radius:13px;margin-top:14px;padding:14px}.post-preview-head{align-items:center;gap:10px;display:flex}.post-preview-head b{font-size:12px;display:block}.post-preview-head small{color:#94a0b2;font-size:10px}.post-preview-card>p{color:#4b5871;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0 0;font-size:12px;line-height:1.7}.post-preview-link{border-top:1px dashed #e2e7f0;flex-direction:column;gap:2px;margin-top:9px;padding-top:9px;display:flex}.post-preview-link span{color:#94a0b2;font-size:10px;font-weight:700}.post-preview-link a{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.post-preview-comment{border-top:1px dashed #e2e7f0;margin-top:11px;padding-top:10px}.post-preview-comment>span{color:#94a0b2;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.post-preview-comment p{color:#4b5871;overflow-wrap:anywhere;background:#fff;border:1px solid #e6ebf3;border-radius:10px;margin:0;padding:9px 11px;font-size:11px;line-height:1.65}.post-checklist{gap:6px;margin-top:13px;display:grid}.post-checklist>div{color:#8894a8;align-items:center;gap:9px;font-size:12px;display:flex}.post-checklist i{color:#97a2b4;background:#f1f3f7;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-style:normal;font-weight:800;display:grid}.post-checklist .done{color:#3f4d66}.post-checklist .done i{color:#fff;background:var(--green)}.merchant-hint{background:#f8fbff;border:1px solid #dceafe;border-radius:12px;margin-top:14px;padding:13px}.merchant-hint b{font-size:12px}.merchant-hint p{color:#75839a;margin:5px 0 7px;font-size:11px;line-height:1.65}.merchant-hint span{color:#9aa5b8;font-size:10px;font-weight:700}.affiliate-income-section{gap:17px;margin-bottom:28px;display:grid}.affiliate-income-importer{grid-template-columns:minmax(250px,.62fr) minmax(520px,1.38fr);align-items:end;gap:18px;padding:19px;display:grid}.affiliate-income-importer h2,.affiliate-income-card-head h2{color:#2f3b51;margin:4px 0;font-size:18px}.affiliate-income-importer p,.affiliate-income-card-head p{color:#8793a6;margin:0;font-size:11px;line-height:1.6}.affiliate-income-controls{grid-template-columns:160px minmax(240px,1fr) auto;align-items:end;gap:9px;display:grid}.affiliate-income-controls label{color:#657188;gap:6px;min-width:0;font-size:10px;font-weight:800;display:grid}.affiliate-income-controls input[type=date]{color:#344158;background:#fafcff;border:1px solid #dce4ef;border-radius:9px;height:42px;padding:0 10px}.affiliate-file-picker{position:relative}.affiliate-file-picker input{opacity:0;width:1px;height:1px;position:absolute}.affiliate-file-picker b{height:42px;color:var(--primary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#f4f8ff;border:1px dashed #b9cff0;border-radius:9px;align-items:center;padding:0 11px;font-size:10px;display:flex;overflow:hidden}.affiliate-income-controls .button{white-space:nowrap;min-height:42px;padding:0 15px;font-size:11px}.affiliate-income-phase3-controls{grid-template-columns:minmax(220px,1.05fr) minmax(180px,.72fr) auto minmax(180px,1fr) auto}.affiliate-date-range-control{gap:6px;min-width:0;display:grid;position:relative}.affiliate-date-range-control>span{color:#657188;font-size:10px;font-weight:800}.affiliate-date-range-button{color:#344158;text-align:left;background:#fafcff;border:1px solid #dce4ef;border-radius:9px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px;height:42px;padding:0 10px;display:grid}.affiliate-date-range-button b{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:700;overflow:hidden}.affiliate-date-range-button i{color:#9ca6b5;font-size:9px;font-style:normal}.affiliate-date-range-button em{color:#7b879a;font-size:8px;font-style:normal}.affiliate-date-range-button[aria-expanded=true]{border-color:#91b8f3;box-shadow:0 0 0 3px #0866ff14}.affiliate-date-range-popover{z-index:20;background:#fff;border:1px solid #dde4ee;border-radius:13px;grid-template-columns:145px minmax(0,1fr);width:min(590px,100vw - 34px);display:grid;position:absolute;top:65px;left:0;overflow:hidden;box-shadow:0 18px 45px #1a284433}.affiliate-date-presets{background:#f8fafd;border-right:1px solid #e7ebf2;align-content:start;gap:3px;padding:9px;display:grid}.affiliate-date-presets button{color:#536078;text-align:left;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 10px;font-size:10px;font-weight:750}.affiliate-date-presets button:hover{color:var(--primary);background:#eaf2ff}.affiliate-date-custom{gap:12px;padding:15px;display:grid}.affiliate-date-custom>div:first-child{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.affiliate-date-custom label{color:#69768c;gap:5px;font-size:9px;font-weight:800;display:grid}.affiliate-date-custom input{color:#344158;background:#fafcff;border:1px solid #dce4ef;border-radius:8px;width:100%;height:40px;padding:0 9px}.affiliate-date-custom>div:first-child>i{color:#a1aab9;padding-bottom:12px;font-size:9px;font-style:normal}.affiliate-date-custom>small{color:#8b96a7;font-size:9px;line-height:1.55}.affiliate-date-actions{justify-content:flex-end;gap:7px;display:flex}.affiliate-date-actions button{color:#68758a;background:#fff;border:1px solid #dce3ed;border-radius:8px;min-height:34px;padding:0 12px;font-size:9.5px;font-weight:800}.affiliate-date-actions button.apply{color:#fff;background:var(--primary);border-color:var(--primary)}.affiliate-auto-download{gap:6px;display:grid}.affiliate-auto-download>span{color:#657188;font-size:10px;font-weight:800}.affiliate-bridge-link{color:#0b62f4;font-size:10px;font-weight:800;text-decoration:none}.affiliate-bridge-link:hover{text-decoration:underline}.affiliate-manual-divider{color:#9aa5b5;white-space:nowrap;justify-content:center;align-items:center;height:42px;font-size:9px;display:flex}.affiliate-manual-upload{color:var(--primary)!important;background:#f4f8ff!important;border-color:#c8d9f4!important}.affiliate-download-status{color:#35527d;background:#edf5ff;border:1px solid #cfe0f7;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.affiliate-download-status>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 9px;min-width:0;display:grid}.affiliate-download-status>div>span{color:var(--primary);text-transform:uppercase;font-size:9px;font-weight:900}.affiliate-download-status>div>b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.affiliate-download-status>div>small{color:#7486a0;grid-column:2;font-size:8.5px}.affiliate-download-status>strong{color:var(--primary);font-size:12px}.affiliate-download-status>i{background:#d6e4f7;border-radius:5px;grid-column:1/-1;height:5px;overflow:hidden}.affiliate-download-status>i>span{background:var(--primary);border-radius:inherit;height:100%;transition:width .25s;display:block}.affiliate-download-status.completed{color:#17684d;background:#ecf9f3;border-color:#c8e9da}.affiliate-download-status.completed>strong{color:#16805a}.affiliate-download-status.completed>i>span{background:#22a674}.affiliate-download-status.failed,.affiliate-download-status.needs_login{color:#9f3c49;background:#fff3f4;border-color:#f0d2d6}.affiliate-download-status.failed>strong,.affiliate-download-status.needs_login>strong{color:#c14a58}.affiliate-download-status.failed>i>span,.affiliate-download-status.needs_login>i>span{background:#d85a67}.affiliate-income-message{border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.affiliate-income-message.success{color:#107653;background:#eaf8f2;border:1px solid #c9eadc}.affiliate-income-message.error{color:#b33845;background:#fff1f2;border:1px solid #f1d0d4}.affiliate-income-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.affiliate-income-stats .stat-card strong{font-size:19px}.affiliate-readiness-card{padding:0;overflow:hidden}.affiliate-readiness-card .affiliate-income-card-head>span{border-radius:9px;padding:5px 9px}.affiliate-readiness-card .affiliate-income-card-head>span.ready{color:#12805a;background:#eaf8f2}.affiliate-readiness-card .affiliate-income-card-head>span.attention{color:#aa6a1d;background:#fff5e5}.affiliate-readiness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px 18px;display:grid}.affiliate-readiness-grid>div{background:#f8fafd;border:1px solid #e7ebf2;border-radius:11px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.affiliate-readiness-grid i{color:#8995a7;background:#e9edf3;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:11px;font-style:normal;font-weight:900;display:grid}.affiliate-readiness-grid span{gap:3px;min-width:0;display:grid}.affiliate-readiness-grid b{color:#3e4b61;font-size:10.5px}.affiliate-readiness-grid small{color:#8793a6;text-overflow:ellipsis;font-size:9px;line-height:1.45;overflow:hidden}.affiliate-readiness-grid>div.ready{background:#f3faf7;border-color:#d6ece2}.affiliate-readiness-grid>div.ready i{color:#fff;background:#20a473}.affiliate-readiness-grid>div.attention{background:#fff9ef;border-color:#f2dfbd}.affiliate-readiness-grid>div.attention i{color:#fff;background:#d89539}.affiliate-income-groups-card,.affiliate-import-history{padding:0;overflow:hidden}.affiliate-income-card-head{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 18px;display:flex}.affiliate-income-card-head>label{color:#7b879a;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.affiliate-income-card-head select{color:#3c4a62;background:#f9fbfe;border:1px solid #dce4ee;border-radius:8px;height:38px;padding:0 10px;font-size:10px}.affiliate-income-card-head>span{color:#8c97a8;font-size:11px;font-weight:700}.affiliate-income-table-wrap{overflow-x:auto}.affiliate-income-table,.affiliate-import-table{border-collapse:collapse;width:100%}.affiliate-income-table{min-width:860px}.affiliate-import-table{min-width:980px}.affiliate-income-table th,.affiliate-import-table th{color:#748198;text-align:left;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e5eaf2;padding:10px 11px;font-size:10px;font-weight:800}.affiliate-income-table td,.affiliate-import-table td{color:#40506a;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:10px 11px;font-size:10.5px}.affiliate-income-table tbody tr:hover,.affiliate-import-table tbody tr:hover{background:#f9fbfe}.affiliate-income-table code{color:#526078;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9.5px;display:block;overflow:hidden}.affiliate-income-table td small,.affiliate-import-table td small{color:#9aa4b4;margin-top:3px;font-size:8.5px;display:block}.affiliate-income-tree-table th:first-child{width:42%}.affiliate-income-tree-table td:first-child{padding:0}.affiliate-tree-toggle{padding-block:7px;color:#40506a;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:100%;min-height:54px;padding-right:12px;display:flex}.affiliate-tree-toggle:hover{background:#f3f7fd}.affiliate-tree-toggle:disabled{cursor:default;opacity:1}.affiliate-tree-toggle>i{color:#fff;background:#5c9cf5;border-radius:4px;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:8px;font-style:normal;line-height:1;display:grid}.affiliate-tree-toggle:disabled>i{color:#6e86a9;background:#e6edf7}.affiliate-tree-toggle>span{align-items:center;gap:8px;min-width:0;display:flex}.affiliate-tree-toggle small{background:#edf2f8;border-radius:8px;flex:none;padding:3px 7px;font-weight:800;color:#6d7d94!important;margin:0!important;font-size:8.5px!important}.affiliate-tree-toggle code{color:#225fc1;max-width:330px;font-family:inherit;font-size:11px;font-weight:800}.affiliate-tree-level-1{background:#fbfdff}.affiliate-tree-level-1 .affiliate-tree-toggle code{color:#172943;font-size:12px}.affiliate-tree-level-1 .affiliate-tree-toggle>i{background:var(--primary)}.affiliate-tree-level-2 .affiliate-tree-toggle>i{background:#4b98e9}.affiliate-tree-level-3 .affiliate-tree-toggle>i{background:#62a8d5}.affiliate-tree-level-4 .affiliate-tree-toggle>i{background:#7aaabf}.affiliate-video-performance-card{padding:0;overflow:hidden}.affiliate-video-performance-table{border-collapse:collapse;width:100%;min-width:1120px}.affiliate-video-performance-table th{color:#748198;text-align:left;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e5eaf2;padding:10px 11px;font-size:10px;font-weight:800}.affiliate-video-performance-table td{color:#40506a;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:11px;font-size:10.5px}.affiliate-video-performance-table tbody tr:hover{background:#f9fbfe}.affiliate-video-performance-table tbody tr.unmatched{background:#fcfcfd}.affiliate-video-performance-table tbody tr.unmatched>td:not(:first-child):not(:nth-child(3)){color:#8e99aa}.affiliate-video-identity{align-items:center;gap:9px;min-width:220px;display:flex}.affiliate-video-identity>a{color:#33415a;min-width:0;text-decoration:none;display:block}.affiliate-video-identity>a:hover b{color:var(--primary)}.affiliate-video-performance-table td:first-child b{color:#31405a;font-size:10.5px;display:block}.affiliate-video-performance-table td small{color:#9aa4b4;margin-top:3px;font-size:8.5px;display:block}.affiliate-video-play{width:28px;height:28px;color:var(--primary);cursor:pointer;background:#eaf2ff;border:0;border-radius:8px;flex:0 0 28px;place-items:center;font-size:9px;display:grid}.affiliate-video-play:hover{color:#fff;background:var(--primary)}.affiliate-video-play:disabled{cursor:wait;opacity:.7}.affiliate-video-preview-modal .video-modal-box{width:min(460px,100%)}.affiliate-video-preview-modal video{aspect-ratio:9/16;max-height:calc(100vh - 190px)}.affiliate-video-platforms{align-items:center;gap:4px;display:flex}.affiliate-video-platforms span{color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:8px;font-weight:900;display:grid}.affiliate-video-targets{min-width:155px;position:relative}.affiliate-video-targets summary{color:#6c7890;cursor:pointer;font-size:9.5px}.affiliate-video-targets summary b{color:var(--primary);display:inline}.affiliate-video-targets>div{z-index:4;background:#fff;border:1px solid #dfe6f0;border-radius:10px;width:min(560px,70vw);max-height:270px;padding:7px;position:absolute;top:26px;left:0;overflow:auto;box-shadow:0 12px 28px #23324c29}.affiliate-video-targets p{border-radius:7px;grid-template-columns:58px minmax(210px,1fr) auto;align-items:center;gap:7px;margin:0;padding:7px;display:grid}.affiliate-video-targets p+p{border-top:1px solid #edf0f4}.affiliate-video-targets p.matched{background:#f1faf6}.affiliate-video-targets p>span{color:#7e899b;font-size:8.5px;font-weight:800}.affiliate-video-targets code{color:#536079;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.affiliate-video-targets p>b{color:#16805a;font-size:9px}.affiliate-import-table td:nth-child(2) b{text-overflow:ellipsis;white-space:nowrap;max-width:280px;display:block;overflow:hidden}.affiliate-import-table button{color:#b33d48;background:#fff5f6;border:1px solid #f0d3d6;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.affiliate-income-empty{color:#8f9bad;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:190px;display:flex}.affiliate-income-empty span{color:var(--primary);font-size:25px}.affiliate-income-empty b{color:#4c5970;font-size:13px}.affiliate-income-empty small{font-size:10px}.affiliate-income-empty.compact{min-height:90px}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}.report-toolbar{flex-wrap:wrap;gap:12px;padding:12px 19px}.report-tools{align-items:center;gap:9px;display:flex}.report-tools input{color:#2e3a51;background:#fbfcff;border:1px solid #dfe5ee;border-radius:10px;outline:0;width:230px;height:39px;padding:0 13px;font-size:12px}.report-tools input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.report-tools .button{min-height:39px;padding:0 14px;font-size:12px}.report-table-wrap{border-top:1px solid #edf0f4;overflow-x:auto}.report-history-table{border-collapse:collapse;width:100%;min-width:1040px}.report-history-table th{z-index:1;color:#748198;text-align:left;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e5eaf2;padding:11px 12px;font-size:11px;font-weight:800;position:sticky;top:0}.report-history-table td{color:#3f4d66;vertical-align:middle;border-bottom:1px solid #edf0f4;max-width:210px;padding:11px 12px;font-size:11.5px}.report-history-table tbody>tr:hover{background:#f8fafd}.report-history-table a{color:var(--primary);white-space:nowrap;font-weight:750;text-decoration:none}.report-history-table code{color:#526078;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10.5px;display:block;overflow:hidden}.report-date-cell{white-space:nowrap;min-width:125px}.report-platform-cell{white-space:nowrap;align-items:center;gap:8px;display:flex}.report-platform-cell .platform-mark{border-radius:7px;flex:0 0 25px;width:25px;height:25px;font-size:10px}.report-account{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-weight:700;display:block;overflow:hidden}.report-muted{color:#a0aabb;font-size:10.5px;font-style:normal}.report-icon-link{background:var(--primary);border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;line-height:1;display:inline-grid;color:#fff!important;font-weight:900!important}.report-icon-link.clip{background:#edf4ff;font-size:11px;color:var(--primary)!important}.report-post-id{width:120px}.report-affiliate-links{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.report-affiliate-links a{color:var(--primary);background:#edf4ff;border-radius:7px;padding:4px 7px;font-size:10px}.report-affiliate-income{color:#8c97a8;white-space:nowrap;font-size:9.5px;line-height:1.35;text-decoration:none;display:block}.report-affiliate-income b{color:#16805a;font-size:11px;display:block}.report-affiliate-income span{color:#929daf}.report-affiliate-income small{color:#a0a9b8;margin-top:2px;font-size:8.5px;display:block}.report-affiliate-income.matched{color:#16805a}.report-list{display:grid}.report-row{border-bottom:1px solid #edf0f4}.report-row:last-child{border-bottom:0}.report-row.open{background:#fbfcfe}.report-summary{text-align:left;background:0 0;border:0;align-items:center;gap:13px;width:100%;min-height:86px;padding:14px 18px;display:flex}.report-summary:hover{background:#f8fafd}.report-main{flex:1;min-width:0;display:block}.report-tags{align-items:center;gap:7px;display:flex}.report-title{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 2px;font-size:14px;display:block;overflow:hidden}.report-main small{color:#a3abb9;font-size:11px;display:block}.merchant-tag{color:#b4632a;text-transform:capitalize;background:#ffeeda;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700}.report-count{color:#8994a8;white-space:nowrap;font-size:11px;font-weight:700}.report-caret{color:#a8b1c2;font-size:11px}.report-detail{padding:0 18px 18px}.report-meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:13px;display:grid}.report-meta>div{flex-direction:column;gap:4px;display:flex}.report-meta span{color:#94a0b2;text-transform:uppercase;font-size:10px;font-weight:700}.report-meta code{color:#33415c;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e6ebf3;border-radius:7px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow:hidden}.report-meta a{color:var(--primary);font-size:11px;font-weight:700}.subid-table{border-collapse:collapse;width:100%}.subid-table th{color:#94a0b2;text-align:left;text-transform:uppercase;background:#f4f7fb;padding:8px 10px;font-size:10px;font-weight:700}.subid-table th:first-child{border-radius:8px 0 0 8px}.subid-table th:last-child{border-radius:0 8px 8px 0}.subid-table td{color:#4b5871;vertical-align:top;border-bottom:1px solid #eef1f6;padding:9px 10px;font-size:12px}.subid-table tr:last-child td{border-bottom:0}.subid-table a{color:var(--primary);font-weight:700}.subid-table em{color:#a8b1c2;font-size:11px;font-style:normal}.subid-chips{flex-wrap:wrap;gap:5px;display:flex}.subid-chips code{color:#33415c;background:#fff;border:1px solid #e6ebf3;border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.report-cart-note{color:#7c6a56;background:#fffaf4;border:1px solid #ffe3c6;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.65}.report-caption{color:#4b5871;white-space:pre-wrap;background:#fff;border:1px solid #e8ecf3;border-radius:10px;margin:12px 0 0;padding:12px;font-family:Noto Sans Thai,sans-serif;font-size:12px;line-height:1.7;overflow-x:auto}.extension-style-section .option-head{align-items:flex-start}.extension-option-body{background:#fbfbfd;border-color:#dfe4ed;border-radius:14px;padding:16px}.extension-option-grid{grid-template-columns:1fr 1fr;gap:17px 18px;display:grid}.extension-control{min-width:0}.extension-control.full{grid-column:1/-1}.extension-control>span,.extension-label{color:#657188;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.extension-control select{color:#334159;background:#fff;border:1px solid #dfe4ec;border-radius:12px;outline:0;width:100%;height:45px;padding:0 13px;font-size:13px}.extension-control select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.extension-pill{background:#f1f3f7;border-radius:10px;gap:5px;min-height:40px;padding:4px;display:flex}.extension-pill button,.extension-pill b{color:#69758a;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 9px;font-size:12px;font-weight:700;display:flex}.extension-pill button.active,.extension-pill.single b{color:var(--primary);background:#fff;box-shadow:0 2px 7px #23314814}.subtitle-effect-picks{flex-wrap:wrap;gap:9px;display:flex}.subtitle-effect-picks button{color:#59667c;background:#fffaf5;border:1px solid #eadfd3;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:7px 16px;font-size:12px;font-weight:800;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-flex}.subtitle-effect-picks button.active{color:#fff;background:#ff6469;border-color:#ff6469;transform:translateY(-2px);box-shadow:0 4px #e34f55,0 8px 18px #ff646933}.subtitle-effect-picks button:disabled{color:#a5a9b2;cursor:not-allowed;opacity:.68;background:#f7f4f0;border-color:#ece5dc}.subtitle-effect-picks small{color:inherit;font-size:8px;font-weight:700}.extension-font-picks{flex-wrap:wrap;gap:8px;display:flex}.extension-font-picks button{color:#1e2633;background:#fff;border:1px solid #dfe4ec;border-radius:12px;min-width:72px;min-height:39px;padding:6px 14px;font-size:15px;font-weight:700}.extension-font-picks button:hover{color:var(--primary);background:#f3f7ff;border-color:#a9c8fb}.extension-font-picks button.active{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px #0866ff33}.extension-color-picks{flex-wrap:wrap;align-items:center;gap:9px;min-height:38px;display:flex}.color-choice{cursor:pointer;border:1px solid #00000029;border-radius:50%;flex:0 0 29px;width:29px;height:29px;padding:0;position:relative}.color-choice:after{content:"";border:2px solid #0000;border-radius:50%;position:absolute;inset:-5px}.color-choice.selected:after{border-color:var(--primary)}.color-choice>span{z-index:2;color:#fff;text-shadow:0 1px 2px #00000073;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;inset:0}.color-choice[style*=ffffff]>span,.color-choice[style*=ffe040]>span{color:#47505e;text-shadow:none}.color-choice.rainbow{background:linear-gradient(135deg,#ff5f6d,#ffc371 34%,#48c6ef 67%,#7c68e8)}.color-choice.rainbow input{opacity:.01;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-choice.none{background:#fff}.color-choice.none span:before{content:"";background:#ef5b68;border-radius:3px;height:2px;position:absolute;top:13px;left:5px;right:5px;transform:rotate(-45deg)}.extension-brand-options{background:linear-gradient(145deg,#fbfdff,#f6f8ff);border-color:#dce5f6;border-radius:16px;padding:16px}.extension-brand-options .segmented{background:#edf1f8;border-radius:12px;padding:4px}.extension-brand-options .segmented button{border:0;border-radius:9px;min-height:39px}.extension-brand-options .segmented button.active{background:#fff;border:0;box-shadow:0 2px 7px #23314814}.extension-brand-layout{grid-template-columns:138px minmax(0,1fr);align-items:start;gap:17px}.extension-brand-layout .position-grid{background:radial-gradient(circle,#fff 0 29%,#0000 30%),#f4f6fb;border:1px solid #dce3f0;border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:126px;height:126px;padding:9px}.extension-brand-layout .position-grid button{background:0 0;border-color:#0000;border-radius:11px;width:auto;height:auto}.extension-brand-layout .position-grid button:hover{background:#fff;border-color:#d7dfef}.extension-brand-layout .position-grid button.active{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px #0866ff26}.extension-brand-layout .position-grid button.active span{background:var(--primary);width:11px;height:11px}.extension-brand-layout .position-grid.auto{opacity:.48}.extension-brand-layout .brand-auto{background:#fff;border:1px solid #dfe4ec;border-radius:10px;width:126px;padding:8px 9px;font-size:10px;line-height:1.35}.extension-brand-style{gap:0}.extension-brand-style .extension-label{margin-top:0}.extension-brand-style .extension-pill+.extension-label{margin-top:14px}.extension-brand-style .brand-summary{color:#45628f;background:#edf3ff;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:11px;line-height:1.45}.opacity-pill button{padding-inline:5px}.presenter-editor{background:linear-gradient(145deg,#f8fff9,#f7fbff);border-color:#d9eade;border-radius:16px;padding:16px}.presenter-library-card{background:#edf8f1;border:1px solid #cee6d6;border-radius:12px;gap:9px;margin-bottom:12px;padding:12px;display:grid}.presenter-library-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.presenter-library-heading>div{gap:2px;min-width:0;display:grid}.presenter-library-heading b{color:#315741;font-size:12px}.presenter-library-heading small{color:#779080;font-size:9px}.presenter-library-card select{color:#344d3d;background:#fff;border:1px solid #c9dfd0;border-radius:9px;width:100%;min-height:40px;padding:0 11px;font-size:12px}.presenter-delete{color:#c24242;background:#fff4f4;border:1px solid #f1caca;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800}.presenter-upload{cursor:pointer;background:#fff;border:1px dashed #7fcf98;border-radius:12px;align-items:center;gap:12px;min-height:78px;padding:12px;display:flex}.presenter-upload input{display:none}.presenter-upload>span{color:#128847;background:#e7f8ed;border-radius:11px;flex:0 0 40px;place-items:center;height:40px;font-size:18px;font-weight:900;display:grid}.presenter-upload>div{flex-direction:column;gap:3px;min-width:0;display:flex}.presenter-upload b{color:#34475a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.presenter-upload small{color:#8d9aa8;font-size:10px}.presenter-file-preview{color:#6d7a89;background:#101914;border-radius:12px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:10px;font-size:10px;line-height:1.5;display:grid}.presenter-file-preview video,.presenter-file-preview img{object-fit:cover;background:#0f0;border-radius:8px;width:92px;height:118px;display:block}.presenter-file-preview span{color:#c9d7cd}.presenter-save-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.presenter-save-row label{color:#5d7164;gap:5px;min-width:0;font-size:10px;font-weight:800;display:grid}.presenter-save-row input{color:#34475a;background:#fff;border:1px solid #cfe0d4;border-radius:9px;width:100%;min-height:40px;padding:0 11px;font-size:12px}.presenter-save-row button{color:#fff;background:#15934c;border:0;border-radius:9px;min-height:40px;padding:0 14px;font-size:11px;font-weight:800}.presenter-save-row button:disabled,.presenter-delete:disabled{opacity:.5;cursor:not-allowed}.presenter-library-message{color:#47805b;margin:7px 0 0;font-size:10px;line-height:1.45}.presenter-layout{grid-template-columns:138px minmax(0,1fr);align-items:start;gap:18px;margin-top:16px;display:grid}.presenter-position-wrap .position-grid{background:radial-gradient(circle,#fff 0 29%,#0000 30%),#eef5f0;border:1px solid #d3e4d8;border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:126px;height:126px;padding:9px}.presenter-position-wrap .position-grid button{background:0 0;border-color:#0000;border-radius:11px;width:auto;height:auto}.presenter-position-wrap .position-grid button:hover{background:#fff;border-color:#c9ddcf}.presenter-position-wrap .position-grid button.active{background:#fff;border-color:#21a45b;box-shadow:0 4px 12px #21a45b29}.presenter-position-wrap .position-grid button.active span{background:#21a45b;width:11px;height:11px}.presenter-controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.presenter-controls .extension-control:nth-child(3),.presenter-checks{grid-column:1/-1}.presenter-checks{flex-wrap:wrap;gap:8px 18px;display:flex}.presenter-checks .check-row{margin-top:0}.presenter-chroma-card{background:#fff;border:1px solid #dbe8df;border-radius:12px;margin-top:16px;padding:13px}.presenter-chroma-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.presenter-chroma-head .check-row{color:#385344;margin-top:0}.presenter-key-color{color:#738178;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.presenter-key-color input{background:#fff;border:1px solid #d6e2d9;border-radius:8px;width:34px;height:30px;padding:2px}.presenter-chroma-grid{grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:13px;display:grid}.presenter-chroma-grid>label:not(.check-row){color:#647369;gap:6px;font-size:11px;font-weight:700;display:grid}.presenter-chroma-grid>label>span{justify-content:space-between;gap:8px;display:flex}.presenter-chroma-grid input[type=range]{accent-color:#20a75b;width:100%}.presenter-chroma-grid .check-row{grid-column:1/-1;margin-top:0}.history-card{padding:0;overflow:hidden}.history-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;padding:0 19px;display:flex}.history-tabs{flex-wrap:wrap;gap:4px;display:flex}.history-tabs button{color:#7a869a;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700}.history-tabs button.active{color:var(--primary);background:#edf5ff}.history-toolbar>span{color:#9ba4b4;font-size:11px}.empty-history{color:#9ba6b7;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-history>span{width:52px;height:52px;color:var(--primary);background:#eaf3ff;border-radius:15px;place-items:center;font-size:20px;display:grid}.empty-history h2{color:#56637a;margin:12px 0 3px;font-size:14px}.empty-history p{margin:0;font-size:9px}.history-list{display:grid}.history-row{border-bottom:1px solid #edf0f4;align-items:center;gap:14px;min-height:100px;padding:15px 18px;display:flex}.history-row:last-child{border-bottom:0}.history-thumb{height:100px;color:var(--primary);background:#eaf3ff;border:0;border-radius:11px;flex:0 0 76px;place-items:center;padding:0;font-size:18px;display:grid;position:relative;overflow:hidden}.history-thumb.voice{color:#9a55de;background:#f3ebff}.history-thumb.ranking{color:#1568cf;background:#e8f2ff}.history-thumb.playable{cursor:pointer;background:#0a0d14}.history-thumb.playable video{object-fit:cover;width:100%;height:100%;display:block}.thumb-play{background:#090d164d;place-items:center;transition:background .15s;display:grid;position:absolute;inset:0}.thumb-play:before{content:"▶";color:#16233d;background:#fffffff0;border-radius:50%;place-items:center;width:30px;height:30px;padding-left:2px;font-size:11px;transition:transform .15s;display:grid;box-shadow:0 4px 12px #00000047}.history-thumb.playable:hover .thumb-play{background:#090d1624}.history-thumb.playable:hover .thumb-play:before{transform:scale(1.08)}.history-thumb.playable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.history-info{min-width:0}.history-info>div{align-items:center;gap:7px;display:flex}.job-kind{color:#7c879a;letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:700}.job-status{color:#7b8597;background:#f1f3f6;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.job-status.completed{color:#11825c;background:#e9f8f2}.job-status.failed{color:#c44b55;background:#fff0f1}.job-status.processing{color:var(--primary);background:#edf5ff}.job-status.prepared{color:#945e00;background:#fff4d8}.history-info h3{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 2px;font-size:14px;overflow:hidden}.history-info p{color:#8995a8;margin:0;font-size:11px}.history-info small{color:#a3abb9;font-size:10px}.history-action{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.history-action .button{white-space:nowrap;min-height:39px;padding:0 14px;font-size:12px}.history-action .button.ghost{color:#64708a;border:1px solid #e3e8f0}.history-action .button.ghost:hover{color:#3d4761;background:#f6f8fc}.history-action .button.history-delete{color:#bf3945;background:#fff;border:1px solid #efcbd0}.history-action .button.history-delete:hover{color:#a42531;background:#fff4f5;border-color:#e9aeb6}.history-action .button.history-delete:disabled{cursor:wait;opacity:.55}.history-action>span{color:var(--primary);font-size:12px;font-weight:800}.video-modal{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c111c9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-modal-box{background:#fff;border-radius:18px;flex-direction:column;gap:12px;width:min(420px,100%);max-height:calc(100vh - 48px);padding:14px;display:flex;box-shadow:0 24px 60px #0c111c52}.video-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.video-modal-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.video-modal-head b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.video-modal-head>button{color:#6d7893;background:#f1f3f7;border:0;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:19px;line-height:1;display:grid}.video-modal-head>button:hover{color:#3d4761;background:#e6e9f0}.video-modal video{object-fit:contain;background:#0a0d14;border-radius:12px;flex:1;width:100%;min-height:0}.video-modal-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-modal-foot small{color:#97a1b1;font-size:11px}.video-modal-foot .button{min-height:40px;padding:0 16px;font-size:12px}.video-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settings-layout{gap:15px;display:grid}.settings-card{padding:23px}.credential-card{margin-bottom:15px}.credential-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.credential-provider{background:#f9fbfe;border:1px solid #e5eaf2;border-radius:13px;align-content:start;gap:11px;min-width:0;padding:15px;display:grid}.credential-provider-head h3{margin:0 0 4px;font-size:15px}.credential-provider-head small{text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:100%;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.credential-provider-head small.ready{color:#15764b;background:#e8f7ef}.credential-provider-head small.missing{color:#a26319;background:#fff2df}.credential-provider label{color:#647087;gap:6px;min-width:0;font-size:11px;font-weight:700;display:grid}.credential-provider input{width:100%;min-height:41px;color:var(--ink);background:#fff;border:1px solid #dfe5ee;border-radius:10px;outline:0;padding:9px 11px}.credential-provider input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff12}.credential-actions{flex-wrap:wrap;gap:8px;display:flex}.credential-actions .button{flex:1;min-width:100px}.credential-message{color:#526078}.settings-fields{margin-top:20px}.server-setting-row{background:#f9fbfe;border:1px solid #e9edf4;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-height:80px;margin-top:18px;padding:15px;display:flex}.server-setting-row>div{flex-direction:column;gap:3px;display:flex}.server-setting-row span{color:#929cac;font-size:11px}.server-setting-row b{font-size:14px}.server-setting-row small{color:#a1a9b7;font-size:10px}.online-text{color:var(--green)}.offline-text{color:#d0525c}.server-setting-row .button{min-height:41px;font-size:12px}.storage-flow{justify-content:center;align-items:center;gap:17px;margin-top:20px;display:flex}.storage-flow>span{background:#f8fbff;border:1px solid #e0ebfa;border-radius:12px;flex-direction:column;align-items:center;min-width:125px;padding:14px;display:flex}.storage-flow i{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:26px;height:26px;font-size:8px;font-style:normal;font-weight:800;display:grid}.storage-flow b{margin-top:7px;font-size:8px}.storage-flow small{color:#99a3b4;font-size:7px}.storage-flow em{color:#aab3c1;font-style:normal}.form-success{color:#11825c;background:#eaf8f3;border:1px solid #c8eddf;border-radius:10px;padding:11px 13px;font-size:13px}.settings-save{justify-self:end;min-width:180px;font-size:13px}.footage-library{gap:18px;display:grid}.footage-section-tabs{background:#eaf0f8;border:1px solid #dce4ef;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;display:grid}.footage-section-tabs>button{color:#718097;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;min-height:66px;padding:10px 15px;display:flex;position:relative}.footage-section-tabs>button>span{color:#718097;background:#ffffff9e;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.footage-section-tabs>button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.footage-section-tabs>button b{color:#47556c;font-size:13px}.footage-section-tabs>button small{color:#8d98a9;font-size:10px}.footage-section-tabs>button>i{color:#fff;background:#8b9ab0;border-radius:999px;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 7px;font-size:10px;font-style:normal;font-weight:800;display:grid}.footage-section-tabs>button.active{background:#fff;border-color:#cadbf4;box-shadow:0 5px 16px #2b466e14}.footage-section-tabs>button.active>span{color:var(--primary);background:#eaf3ff}.footage-section-tabs>button.active b{color:var(--primary)}.footage-section-tabs>button.active>i{background:var(--primary)}.footage-message{justify-content:space-between;align-items:center;margin:0;display:flex}.footage-message button{color:inherit;background:0 0;border:0;font-size:20px}.footage-toolbar{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:11px;min-height:72px;padding:13px 15px;display:flex}.footage-toolbar>select{color:#455269;background:#fafbfd;border:1px solid #dfe5ee;border-radius:11px;width:190px;height:44px;padding:0 12px;font-size:13px}.footage-toolbar>.button{min-height:44px;margin-left:auto;padding-inline:18px}.footage-search{background:#fafbfd;border:1px solid #dfe5ee;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:220px;height:44px;padding:0 13px;display:flex}.footage-search:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0866ff14}.footage-search span{color:#9ca7b8;font-size:20px}.footage-search input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;font-size:13px}.footage-folder-form{background:#f5f9ff;border:1px solid #cfe0fb;border-radius:15px;grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) minmax(160px,.8fr) minmax(190px,1fr) auto;align-items:end;gap:11px;padding:17px;display:grid}.footage-folder-form>div:first-child{flex-direction:column;align-self:center;gap:3px;display:flex}.footage-folder-form>div:first-child b{font-size:14px}.footage-folder-form>div:first-child small{color:#8793a7;font-size:10px}.footage-folder-form input,.footage-folder-form select{background:#fff;border:1px solid #dce4ef;border-radius:10px;outline:0;width:100%;height:43px;padding:0 12px;font-size:12px}.footage-folder-form input:focus,.footage-folder-form select:focus{border-color:var(--primary)}.footage-folder-form>div:last-child{gap:7px;display:flex}.footage-folder-form .button{min-height:43px;padding-inline:14px}.footage-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.footage-folder-card{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}.footage-folder-card:hover{border-color:#bdd3f7;transform:translateY(-2px);box-shadow:0 10px 25px #28416914}.footage-cover{width:100%;height:145px;color:var(--primary);background:linear-gradient(145deg,#eaf3ff,#f6f9ff);border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.footage-cover>video{object-fit:cover;pointer-events:none;background:#0b0f17;width:100%;height:100%;display:block}.footage-cover>span{font-size:34px}.footage-cover>i{color:#fff;background:#080d17b8;border-radius:8px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:9px;right:9px}.footage-folder-info{flex-direction:column;gap:8px;padding:13px 42px 14px 14px;display:flex}.footage-folder-info>button{text-align:left;background:0 0;border:0;flex-direction:column;gap:2px;min-width:0;padding:0;display:flex}.footage-folder-info b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.footage-folder-info span{color:var(--primary);font-size:10px;font-weight:700}.footage-folder-info small{color:#919bad;font-size:10px}.footage-card-actions{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:10px;right:9px}.footage-card-actions button,.asset-rename{color:#788499;background:#f2f5f9;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.footage-card-actions button:hover,.asset-rename:hover{color:var(--primary);background:#eaf3ff}.footage-empty{color:#8f9bad;text-align:center;background:#fff;border:1px dashed #cfd8e7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px;display:flex}.footage-empty>span{width:58px;height:58px;color:var(--primary);background:#eaf3ff;border-radius:17px;place-items:center;font-size:24px;display:grid}.footage-empty h2{color:#455269;margin:13px 0 4px;font-size:17px}.footage-empty p{margin:0 0 17px;font-size:12px}.footage-pagination{justify-content:center;align-items:center;gap:13px;display:flex}.footage-pagination button{color:#5c6980;background:#fff;border:1px solid #dfe5ed;border-radius:9px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700}.footage-pagination button:disabled{opacity:.42}.footage-pagination span{color:#8792a5;font-size:11px}.footage-folder-head{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.footage-back{color:var(--primary);background:0 0;border:0;align-self:start;padding:5px 0;font-size:12px;font-weight:700}.footage-folder-head h2{margin:2px 0;font-size:21px}.footage-folder-head span{color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:800}.footage-folder-head p{color:#8490a4;margin:0;font-size:11px}.footage-upload{cursor:pointer}.footage-upload input{display:none}.footage-upload-status{color:#176ebd;background:#edf6ff;border:1px solid #cee5fb;border-radius:11px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:700;display:flex}.spinning{animation:.8s linear infinite footage-spin;display:inline-block}@keyframes footage-spin{to{transform:rotate(360deg)}}.asset-toolbar{min-height:62px}.footage-count{color:#8995a8;white-space:nowrap;font-size:11px}.footage-selection-bar{color:#315b9c;background:#edf5ff;border:1px solid #cfe1fc;border-radius:13px;align-items:center;gap:8px;min-height:58px;padding:9px 12px;display:flex}.footage-selection-bar b{padding:0 8px;font-size:12px}.footage-selection-bar select{background:#fff;border:1px solid #d1def0;border-radius:9px;width:180px;height:39px;margin-left:auto;padding:0 10px;font-size:11px}.footage-selection-bar .button{min-height:39px;padding:0 13px;font-size:11px}.footage-selection-bar .button.danger{color:#c44b55;background:#fff;border:1px solid #f0cdd1}.footage-selection-bar .send-editor{margin-left:4px}.footage-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.footage-asset-card{min-width:0;box-shadow:0 0 0 1px var(--line);background:#fff;border:2px solid #0000;border-radius:15px;position:relative;overflow:hidden}.footage-asset-card.selected{border-color:var(--primary);box-shadow:0 7px 20px #0866ff1f}.footage-video-wrap{background:#0a0d14;height:215px;position:relative;overflow:hidden}.footage-video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.asset-check{color:#fff;background:#ffffffeb;border:2px solid #fff;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0003}.asset-check.checked{background:var(--primary)}.footage-asset-info{flex-direction:column;gap:3px;min-width:0;padding:12px 42px 13px 13px;display:flex}.footage-asset-info>button{text-align:left;background:0 0;border:0;min-width:0;padding:0}.footage-asset-info b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.footage-asset-info span,.footage-asset-info small{color:#8c97a9;font-size:10px}.asset-rename{position:absolute;bottom:12px;right:10px}.footage-mobile-send{display:none}.footage-storage{color:#536077;background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid #dce6f5;border-radius:15px;grid-template-columns:minmax(190px,auto) minmax(180px,1fr) auto;align-items:center;gap:18px;min-height:70px;padding:13px 16px;display:grid}.footage-storage>div{flex-direction:column;gap:2px;display:flex}.footage-storage span{color:#8793a6;font-size:10px;font-weight:700}.footage-storage b{font-size:14px}.footage-storage small{color:#97a1b1;font-size:9px}.footage-storage progress{width:100%;height:7px;accent-color:var(--primary)}.footage-storage>.footage-unlimited-meter{background:linear-gradient(90deg,#e8f2ff,#f2f7ff);border:1px solid #cfe0fb;border-radius:999px;justify-content:center;align-items:center;height:30px;display:flex}.footage-storage>.footage-unlimited-meter span{color:var(--primary);font-size:20px;font-weight:900;line-height:1}.footage-storage>button{color:#67748a;background:#fff;border:1px solid #dfe6f0;border-radius:10px;min-height:39px;padding:0 13px;font-size:11px;font-weight:700}.footage-storage>button.active{color:#c14d57;background:#fff3f4;border-color:#f0cfd2}.footage-trash-head{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.footage-trash-head span{color:#c14d57;text-transform:uppercase;font-size:10px;font-weight:800}.footage-trash-head h2{margin:2px 0;font-size:19px}.footage-trash-head p{color:#8b96a8;margin:0;font-size:11px}.footage-asset-card.trash{opacity:.9;border-color:#f0dfe1}.trash-actions{grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px;display:grid}.trash-actions button{color:#4f6e9e;background:#edf5ff;border:0;border-radius:9px;min-height:35px;font-size:10px;font-weight:700}.trash-actions button:last-child{color:#bf4a54;background:#fff0f1}.footage-folder-info .folder-batch{min-height:32px;color:var(--primary);text-align:center;background:#edf5ff;border:0;border-radius:8px;margin-top:2px;padding:0 9px;font-size:10px;font-weight:800;display:block}.asset-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.asset-tags i{color:#5071a3;background:#edf4ff;border-radius:5px;padding:2px 5px;font-size:8px;font-style:normal}.asset-tags-edit{color:#657389;background:#f2f5f9;border:0;border-radius:8px;width:27px;height:27px;font-weight:800;position:absolute;bottom:12px;right:40px}.footage-batch-modal{z-index:80}.footage-batch-box{background:#fff;border-radius:19px;flex-direction:column;gap:16px;width:min(940px,100%);max-height:calc(100vh - 48px);padding:20px;display:flex;overflow-y:auto;box-shadow:0 24px 70px #0a14284d}.footage-batch-box .video-modal-head small{color:#8995a8;font-size:10px}.batch-model{grid-template-columns:120px minmax(220px,360px);align-items:center;gap:10px;display:grid}.batch-model span{color:#657188;font-size:11px;font-weight:700}.batch-model select,.batch-variant input,.batch-variant select{color:#3d4960;background:#fafbfd;border:1px solid #dfe5ee;border-radius:9px;outline:0;height:41px;padding:0 10px;font-size:11px}.batch-cv-options{background:#f2f8ff;border:1px solid #cfe0fb;border-radius:13px;grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);align-items:center;gap:14px;padding:13px;display:grid}.batch-cv-options>div{flex-direction:column;gap:5px;min-width:0;display:flex}.batch-cv-options b{color:#344862;font-size:11px}.batch-cv-options small{color:#8492a7;font-size:9px;line-height:1.5}.batch-cv-options input{color:#344158;background:#fff;border:1px solid #cfdcf0;border-radius:9px;outline:0;width:100%;min-height:41px;padding:0 11px;font-size:11px}.batch-cv-options input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff14}.batch-cv-options p{color:#43618d;background:#ffffffbf;border-radius:9px;margin:0;padding:10px 12px;font-size:10px;line-height:1.6}.batch-footage-order{background:#fbfcfe;border:1px solid #e2e8f1;border-radius:13px;gap:10px;padding:13px;display:grid}.batch-footage-order>div:first-child{align-items:baseline;gap:8px;display:flex}.batch-footage-order>div:first-child b{color:#3f4d64;font-size:12px}.batch-footage-order>div:first-child small{color:#8995a8;font-size:9.5px}.batch-footage-list{gap:7px;max-height:248px;display:grid;overflow-y:auto}.batch-footage-item{background:#fff;border:1px solid #dfe6f0;border-radius:10px;grid-template-columns:22px 27px 60px minmax(0,1fr) 30px 30px;align-items:center;gap:8px;min-height:54px;padding:6px 8px;transition:opacity .15s,border-color .15s,box-shadow .15s;display:grid}.batch-footage-item:hover{border-color:#bfd3f1;box-shadow:0 3px 12px #2c466c12}.batch-footage-item.dragging{opacity:.42;border-color:var(--primary)}.batch-drag-handle{color:#9ba6b7;cursor:grab;-webkit-user-select:none;user-select:none;font-size:16px}.batch-footage-item>b{color:#fff;background:var(--primary);border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.batch-footage-item video{object-fit:cover;pointer-events:none;background:#0a0d14;border-radius:6px;width:60px;height:40px;display:block}.batch-footage-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.batch-footage-item strong{color:#425068;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.batch-footage-item small{color:#929dae;font-size:9px}.batch-footage-item>button{color:#607089;background:#f2f6fb;border:1px solid #e1e7f0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.batch-footage-item>button:hover:not(:disabled){color:var(--primary);background:#eaf3ff;border-color:#cbdcf6}.batch-footage-item>button:disabled{opacity:.35}.batch-variants{gap:9px;display:grid}.batch-variant{background:#f7faff;border:1px solid #e0e9f6;border-radius:12px;grid-template-columns:30px minmax(110px,1fr) minmax(150px,1.4fr) 100px 85px 30px;align-items:center;gap:8px;padding:10px;display:grid}.batch-variant>b{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.batch-variant>button{color:#b8515a;background:#fff0f1;border:0;border-radius:8px;width:28px;height:28px;font-size:17px}.batch-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.batch-actions .button{min-height:42px;padding:0 15px;font-size:11px}.batch-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.batch-success>span{color:#fff;background:#1faf80;border-radius:18px;place-items:center;width:58px;height:58px;font-size:26px;display:grid}.batch-success h3{margin:14px 0 3px;font-size:18px}.batch-success p{color:#8995a8;margin:0 0 18px;font-size:11px}.edited-clips-toolbar{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:15px 18px;display:flex}.edited-clips-toolbar h2{margin:2px 0;font-size:18px}.edited-clips-toolbar p{color:#8793a6;margin:0;font-size:11px}.edited-clips-toolbar .footage-search{flex:0 360px;width:min(360px,40%)}.edited-clips-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.edited-clip-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 6px 20px #2337580d}.edited-clip-preview{color:#fff;background:#0a0d14;place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.edited-clip-preview video{object-fit:contain;width:100%;height:100%;display:block}.edited-clip-preview>div{color:#b8c8df;flex-direction:column;align-items:center;gap:8px;display:flex}.edited-clip-preview>div span{font-size:27px}.edited-clip-preview>div b{font-size:13px}.edited-play-button{z-index:1;color:#fff;opacity:.94;background:linear-gradient(#0409110d,#04091152);border:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.edited-play-button span{width:52px;height:52px;color:var(--primary);background:#fffffff0;border-radius:50%;place-items:center;padding-left:3px;font-size:19px;transition:transform .16s,background .16s;display:grid;box-shadow:0 10px 28px #0000004d}.edited-play-button b{background:#070d1894;border-radius:999px;padding:4px 9px;font-size:10px}.edited-play-button:hover span{background:#fff;transform:scale(1.08)}.edited-workflow-status{z-index:2;color:#fff;pointer-events:none;background:#6f7d92;border-radius:999px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000002e}.edited-workflow-status.waiting{background:#e49117}.edited-workflow-status.voice{background:#9256d9}.edited-workflow-status.ready{background:#16956c}.edited-workflow-status.failed,.edited-workflow-status.cancelled{background:#c44f5a}.edited-clip-info{flex-direction:column;gap:4px;min-height:118px;padding:13px 14px 10px;display:flex}.edited-clip-info>small{color:#9aa4b4;font-size:9px}.edited-clip-info h3{color:#344158;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.edited-title-row{grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:6px;min-width:0;display:grid}.edited-title-row>button{color:#63738b;background:#f1f5fa;border:1px solid #e0e7f0;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.edited-title-row>button:hover{color:var(--primary);background:#eaf3ff;border-color:#c8daf5}.edited-title-editor{grid-template-columns:minmax(0,1fr) 29px 29px;align-items:center;gap:5px;min-width:0;display:grid}.edited-title-editor input{color:#344158;background:#fff;border:1px solid #bcd2f2;border-radius:8px;outline:0;width:100%;height:32px;padding:0 9px;font-size:11px;font-weight:700;box-shadow:0 0 0 3px #0866ff0f}.edited-title-editor button{color:#7b8799;background:#f0f3f7;border:0;border-radius:8px;place-items:center;width:29px;height:29px;font-size:15px;font-weight:800;display:grid}.edited-title-editor button.save{color:#fff;background:var(--primary)}.edited-title-editor button:disabled{opacity:.45}.edited-clip-info p{color:#7e8a9d;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin:0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.edited-clip-info progress{width:100%;height:6px;accent-color:var(--primary);margin-top:4px}.edited-clip-actions{grid-template-columns:1fr;gap:7px;margin-top:auto;padding:0 14px 14px;display:grid}.edited-clip-actions .button{text-align:center;min-height:40px;padding:0 11px;font-size:10.5px}.edited-clip-actions .button.ghost{color:#68758a;background:#f7f9fc;border:1px solid #e4e9f1}.edited-player-modal{z-index:90}.edited-player-box{width:min(860px,100%);height:min(780px,100vh - 48px)}.edited-player-box>video{max-height:calc(100% - 96px)}.ready-clip-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);align-items:start;gap:20px;display:grid}.ready-upload-card,.ready-library-card{padding:24px}.ready-dropzone{color:#42516a;cursor:pointer;background:#f6f9ff;border:2px dashed #b9d2ff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:220px;margin:18px 0;padding:18px;display:flex;overflow:hidden}.ready-dropzone:hover{border-color:var(--primary);background:#eff6ff}.ready-dropzone input{display:none}.ready-dropzone video{object-fit:contain;background:#090d15;border-radius:13px;width:min(100%,220px);height:220px}.ready-dropzone>div{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.ready-dropzone b{font-size:14px}.ready-dropzone small{color:#8996aa;font-size:11px}.ready-upload-icon{color:#fff;background:var(--primary);border-radius:16px;place-items:center;width:52px;height:52px;font-size:28px;display:grid;box-shadow:0 10px 25px #0866ff38}.ready-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ready-form-grid label{color:#344158;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:800;display:flex}.ready-form-grid label.full{grid-column:1/-1}.ready-form-grid label span small{color:#98a3b4;font-weight:500}.ready-form-grid input,.ready-form-grid textarea{color:#243147;width:100%;font:inherit;resize:vertical;background:#fbfcff;border:1px solid #dce4f0;border-radius:11px;outline:0;padding:12px 13px;font-weight:500}.ready-form-grid input{min-height:44px}.ready-form-grid input:focus,.ready-form-grid textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0866ff14}.ready-message{border-radius:10px;margin-top:14px;padding:11px 13px;font-size:12px;font-weight:700}.ready-message.error{color:#bd3948;background:#fff0f2;border:1px solid #f4d0d5}.ready-progress{color:#315b9c;background:#eef5ff;border:1px solid #d1e2fb;border-radius:11px;margin-top:14px;padding:12px 14px}.ready-progress>div{justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.ready-progress progress{width:100%;height:7px;accent-color:var(--primary)}.ready-submit{border:0;width:100%;min-height:48px;margin-top:16px}.ready-library-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ready-library-head h2{margin:3px 0 0;font-size:19px}.ready-library-head>span{color:var(--primary);background:#edf4ff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800}.ready-empty{color:#8491a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:260px;display:flex}.ready-empty>span{width:55px;height:55px;color:var(--primary);background:#edf4ff;border-radius:50%;place-items:center;font-size:18px;display:grid}.ready-empty b{color:#39475d;font-size:14px}.ready-empty small{max-width:280px;font-size:10px;line-height:1.6}.ready-library-list{gap:10px;margin-top:17px;display:grid}.ready-library-list article{background:#f8faff;border:1px solid #e2e9f4;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:9px;display:grid}.ready-library-list video{object-fit:cover;background:#0a0d14;border-radius:8px;width:58px;height:76px;display:block}.ready-library-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ready-library-list .ready-library-info{gap:6px}.ready-library-list b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ready-library-list small{color:#8b96a8;font-size:9px}.ready-library-list .button{min-height:34px;padding:0 10px;font-size:9px}.ready-thumbnail-options{display:flex;flex-direction:row!important;gap:5px!important}.ready-thumbnail-options button{cursor:pointer;background-color:#eaf0f8;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:6px;width:34px;height:42px;padding:0}.ready-thumbnail-options button.selected{border-color:var(--primary);box-shadow:0 0 0 2px #0866ff1f}.campaign-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:20px;display:grid}.campaign-main,.campaign-preview{padding:24px}.campaign-preview{position:sticky;top:86px}.campaign-section{border-top:1px solid #e8edf5;margin-top:20px;padding-top:20px}.campaign-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.campaign-section-head>div{flex-direction:column;gap:2px;display:flex}.campaign-section-head b,.campaign-schedule b{color:#26344b;font-size:14px}.campaign-section-head small,.campaign-schedule small{color:#8d99ab;font-size:10px}.campaign-section-head>span{color:var(--primary);background:#edf4ff;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}.campaign-section-head .button{min-height:36px;padding:0 11px;font-size:10px}.campaign-clip-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.campaign-clip-picker>button{color:#344158;text-align:left;background:#f9fbfe;border:1px solid #e0e6ef;border-radius:11px;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.campaign-clip-picker>button.selected{border-color:var(--primary);background:#eef5ff;box-shadow:0 0 0 2px #0866ff12}.campaign-clip-picker video{object-fit:cover;background:#0a0d14;border-radius:7px;width:45px;height:60px}.campaign-clip-picker button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.campaign-clip-picker b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.campaign-clip-picker small{color:#929daf;font-size:8px}.campaign-selected-clip{background:#f7faff;border:1px solid #cfe0f8;border-radius:13px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.campaign-selected-media{color:#fff;background:#0a0d14;border:0;border-radius:9px;width:62px;height:82px;padding:0;position:relative;overflow:hidden}.campaign-selected-media img,.campaign-selected-media video{object-fit:cover;width:100%;height:100%;display:block}.campaign-selected-media>span{text-shadow:0 2px 8px #000;background:#050a1233;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.campaign-selected-clip>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.campaign-selected-clip>div:nth-child(2)>span{color:#8794a8;font-size:8px}.campaign-selected-clip>div:nth-child(2)>b{color:#30405a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.campaign-selected-clip>div:nth-child(2)>small{color:#8d99ab;font-size:8px}.campaign-selected-actions{gap:6px;display:flex}.campaign-selected-actions button{color:#53627a;background:#fff;border:1px solid #dce4ef;border-radius:8px;min-height:37px;padding:0 10px;font-size:9px;font-weight:800}.campaign-selected-actions button.primary{color:#fff;background:var(--primary);border-color:var(--primary)}.campaign-select-empty{color:#718099;background:#f7faff;border:1px dashed #b8d2f6;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:105px;display:flex}.campaign-select-empty>span{color:var(--primary);font-size:22px}.campaign-select-empty>b{color:#3e4c63;font-size:11px}.campaign-select-empty>small{font-size:8px}.clip-library-modal{z-index:85}.clip-library-box{background:#fff;border-radius:18px;flex-direction:column;gap:13px;width:min(980px,100%);max-height:calc(100vh - 48px);padding:18px;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f1b3052}.clip-library-box .video-modal-head small{color:#8995a8;font-size:9px}.clip-library-tools{grid-template-columns:minmax(220px,1fr) 170px 150px;gap:8px;display:grid}.clip-library-tools label{background:#fafcff;border:1px solid #dce4ef;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.clip-library-tools label>span{color:#8895a8;font-size:15px}.clip-library-tools input{color:#344158;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0;font-size:10px}.clip-library-tools select{color:#40506a;background:#fafcff;border:1px solid #dce4ef;border-radius:9px;min-width:0;height:40px;padding:0 9px;font-size:9px}.clip-library-count{color:#8793a5;justify-content:space-between;align-items:center;gap:12px;min-height:17px;font-size:9px;display:flex}.clip-library-count b{color:var(--primary);font-size:8px}.clip-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;transition:opacity .15s;display:grid;overflow-y:auto}.clip-library-grid.loading{pointer-events:none;opacity:.48}.clip-library-grid article{background:#f9fbfe;border:1px solid #e0e7f0;border-radius:11px;grid-template-rows:62px 31px;grid-template-columns:54px minmax(0,1fr);gap:6px 8px;min-width:0;padding:7px;display:grid}.clip-library-grid article.selected{background:#eef5ff;border-color:#8fbaff;box-shadow:inset 0 0 0 1px #0866ff14}.clip-library-media{color:#fff;background:#151b26;border:0;border-radius:7px;grid-row:1;width:54px;height:62px;padding:0;position:relative;overflow:hidden}.clip-library-media img{object-fit:cover;width:100%;height:100%;display:block}.clip-library-placeholder{color:#8aa7d1;background:linear-gradient(145deg,#182235,#263753);place-items:center;width:100%;height:100%;font-size:13px;display:grid}.clip-library-media>i{color:#fff;text-shadow:0 2px 7px #000;background:#060c162b;place-items:center;font-size:11px;font-style:normal;display:grid;position:absolute;inset:0}.clip-library-grid article>div{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.clip-library-grid article>div small{color:#8b97a9;font-size:7px}.clip-library-grid article>div b{color:#344158;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.45;overflow:hidden}.clip-library-select{min-height:31px;color:var(--primary);background:#fff;border:1px solid #d5e2f4;border-radius:8px;grid-column:1/-1;font-size:8px;font-weight:800}.clip-library-grid article.selected .clip-library-select{color:#fff;background:var(--primary);border-color:var(--primary)}.clip-library-empty{color:#8c98aa;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:260px;display:flex}.clip-library-empty>span{width:46px;height:46px;color:var(--primary);background:#edf5ff;border-radius:50%;place-items:center;font-size:20px;display:grid}.clip-library-empty b{color:#3e4c63;font-size:12px}.clip-library-empty small{font-size:9px}.clip-library-pagination{justify-content:center;align-items:center;gap:12px;display:flex}.clip-library-pagination button{color:#55647c;background:#f5f8fc;border:1px solid #dfe6ef;border-radius:8px;min-height:34px;padding:0 11px;font-size:8px;font-weight:800}.clip-library-pagination button:disabled{opacity:.4}.clip-library-pagination span{color:#7f8b9e;font-size:9px;font-weight:700}.campaign-clip-preview-modal{z-index:95}.campaign-clip-preview-box{width:min(760px,100%);height:min(760px,100vh - 48px)}.campaign-clip-preview-box>video{max-height:calc(100% - 100px)}.campaign-thumbnail-row{background:#f7faff;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;padding:10px;display:flex}.campaign-thumbnail-row>span{color:#546178;margin-right:3px;font-size:10px;font-weight:800}.campaign-thumbnail-row>button{background-position:50%;background-size:cover;border:2px solid #0000;border-radius:7px;width:42px;height:56px}.campaign-thumbnail-row>button.selected{border-color:var(--primary);box-shadow:0 0 0 2px #0866ff1a}.campaign-thumbnail-row small{color:#919caf;font-size:9px}.campaign-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.campaign-platform-grid>button{color:#39465c;text-align:left;background:#fff;border:1px solid #dfe6f0;border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:68px;padding:10px;display:flex;position:relative}.campaign-platform-grid>button.selected{border-color:var(--platform-color);background:#f4f8ff;box-shadow:0 4px 13px #182e5212}.campaign-platform-grid>button.unavailable{cursor:not-allowed;filter:grayscale(.75);opacity:.48}.campaign-platform-grid>button.unavailable:hover{box-shadow:none;border-color:#dfe6f0;transform:none}.campaign-platform-grid>button>i{color:#fff;background:var(--platform-color);border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;display:grid;position:absolute;top:6px;right:6px}.campaign-platform-grid .platform-mark{color:#fff;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.campaign-platform-grid button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.campaign-platform-grid b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.campaign-platform-grid small{color:#939daf;font-size:8px}.campaign-accounts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.campaign-accounts label,.campaign-account-card{background:#f9fbfe;border:1px solid #e1e8f2;border-radius:11px;flex-direction:column;gap:8px;min-width:0;padding:11px;display:flex}.campaign-accounts label>span,.campaign-account-card>span{color:#455269;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.campaign-accounts label>span i,.campaign-account-card>span i{color:#fff;border-radius:7px;place-items:center;width:23px;height:23px;font-size:7px;font-style:normal;display:grid}.campaign-accounts label>div{gap:6px;display:flex}.campaign-accounts input,.campaign-accounts select{color:#344158;background:#fff;border:1px solid #dbe3ee;border-radius:8px;width:100%;min-width:0;height:38px;padding:0 9px;font-size:9px}.campaign-accounts label>div>button,.campaign-account-control>button{min-width:78px;color:var(--primary);background:#eaf3ff;border:0;border-radius:8px;padding:0 8px;font-size:9px;font-weight:800}.campaign-account-control{gap:6px;min-width:0;display:flex}.facebook-page-picker{flex:1;min-width:0;position:relative}.facebook-page-trigger{color:#344158;text-align:left;background:#fff;border:1px solid #dbe3ee;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:7px;width:100%;height:38px;padding:0 9px 0 5px;display:grid}.facebook-page-trigger>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.facebook-page-trigger>b{color:#758298;text-align:center;font-size:12px;transition:transform .15s;transform:rotate(0)}.facebook-page-picker.open .facebook-page-trigger{border-color:#9fc3fb;box-shadow:0 0 0 3px #0866ff12}.facebook-page-picker.open .facebook-page-trigger>b{transform:rotate(180deg)}.facebook-page-avatar{object-fit:cover;background:#e8eef7;border:1px solid #d9e2ef;border-radius:50%;width:27px;height:27px;display:block}.facebook-page-avatar.fallback,.facebook-page-avatar.empty{color:#fff;background:#1877f2;border-color:#1877f2;place-items:center;font-size:10px;font-weight:900;display:grid}.facebook-page-avatar.empty{background:#a8b3c3;border-color:#a8b3c3}.facebook-page-options{z-index:35;background:#fff;border:1px solid #d9e2ee;border-radius:10px;gap:2px;max-height:270px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #1f304c2e}.facebook-page-options>button{color:#344158;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:29px minmax(0,1fr) 18px;align-items:center;gap:7px;width:100%;min-width:0;min-height:39px;padding:5px 7px;display:grid}.facebook-page-options>button:hover,.facebook-page-options>button.selected{background:#eef5ff}.facebook-page-options>button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.facebook-page-options>button>b{color:var(--primary);text-align:center;font-size:11px}.facebook-page-options>p{color:#8793a6;text-align:center;margin:0;padding:10px 8px;font-size:9px}.tiktok-commerce-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #dfe6f0;border-radius:13px;padding:16px}.campaign-inline-toggle{color:#344158;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.campaign-inline-toggle input,.campaign-tiktok-options input{accent-color:var(--primary)}.campaign-tiktok-product-grid{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.campaign-tiktok-product-grid label{color:#445168;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.campaign-tiktok-product-grid label small{color:#e4515e;font-size:8px;font-weight:700}.campaign-tiktok-product-grid input{color:#22314a;background:#fff;border:1px solid #d8e1ed;border-radius:9px;width:100%;height:42px;padding:0 11px;font-size:11px}.campaign-tiktok-product-grid input:focus{border-color:var(--primary);outline:2px solid #d7e7ff}.campaign-tiktok-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.campaign-tiktok-options label{background:#fff;border:1px solid #e1e7f0;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.campaign-tiktok-options label span{flex-direction:column;gap:2px;display:flex}.campaign-tiktok-options b{color:#344158;font-size:10px}.campaign-tiktok-options small,.campaign-tiktok-help{color:#8b97aa;font-size:8px;line-height:1.5}.campaign-tiktok-help{margin:9px 0 0}.campaign-affiliate-section{background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #dce6f4;border-radius:13px;padding:16px}.campaign-affiliate-source{color:#445168;flex-direction:column;gap:7px;font-size:10px;font-weight:800;display:flex}.campaign-affiliate-source small{color:#8d99ab;font-size:8px;font-weight:600}.campaign-affiliate-source input{color:#25344d;background:#fff;border:1px solid #d7e1ee;border-radius:9px;width:100%;height:43px;padding:0 12px;font-size:11px}.campaign-affiliate-list{gap:10px;margin-top:11px;display:grid}.campaign-affiliate-list article{opacity:.8;background:#f8fafc;border:1px solid #e2e8f1;border-radius:11px;padding:12px}.campaign-affiliate-list article.enabled{opacity:1;background:#fff;border-color:#bcd5ff;box-shadow:0 7px 20px #0866ff0f}.campaign-affiliate-head{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.campaign-affiliate-head>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.campaign-affiliate-head b{color:#344158;font-size:11px}.campaign-affiliate-head small{color:#8b97aa;font-size:8px}.campaign-affiliate-head>label,.campaign-affiliate-placements label{color:#526078;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.campaign-affiliate-head input,.campaign-affiliate-placements input{accent-color:var(--primary)}.campaign-affiliate-placements{flex-wrap:wrap;gap:8px 15px;margin-top:11px;display:flex}.campaign-affiliate-subids{background:#f7faff;border:1px solid #dfe8f5;border-radius:10px;margin-top:12px;padding:11px}.campaign-affiliate-subid-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.campaign-affiliate-subid-head>span{flex-direction:column;gap:2px;display:flex}.campaign-affiliate-subid-head b{color:#344158;font-size:10px}.campaign-affiliate-subid-head small{color:#8b97aa;font-size:8px}.campaign-affiliate-subid-head button{color:#64738b;background:#fff;border:1px solid #dce5f1;border-radius:7px;padding:4px 7px;font-size:8px;font-weight:700}.campaign-affiliate-subid-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.campaign-affiliate-subid-grid label{flex-direction:column;gap:5px;min-width:0;display:flex}.campaign-affiliate-subid-grid label>span{color:#445168;flex-direction:column;font-size:9px;font-weight:800;display:flex}.campaign-affiliate-subid-grid label small{color:#8c98aa;font-size:7px;font-weight:600}.campaign-affiliate-subid-grid input{color:#2d3d55;background:#fff;border:1px solid #d8e2ef;border-radius:8px;width:100%;min-width:0;height:38px;padding:0 8px;font-size:9px}.campaign-affiliate-subid-grid input:focus{border-color:var(--primary);outline:2px solid #d7e7ff}.campaign-affiliate-run{align-items:center;gap:10px;margin-top:10px;display:flex}.campaign-affiliate-run .button{min-height:38px;padding:0 13px;font-size:9px}.campaign-affiliate-run a{color:var(--primary);font-size:9px;font-weight:700}.campaign-affiliate-targets{gap:8px;margin-top:10px;display:grid}.campaign-affiliate-targets label{background:#f8faff;border:1px solid #e3e9f2;border-radius:9px;grid-template-columns:minmax(100px,.35fr) 1fr;gap:6px 9px;padding:9px;display:grid}.campaign-affiliate-targets label>span{flex-direction:column;gap:2px;display:flex}.campaign-affiliate-targets b{color:#425069;font-size:9px}.campaign-affiliate-targets small{color:#8794a8;font-size:8px}.campaign-affiliate-targets input{color:#314057;background:#fff;border:1px solid #d9e2ee;border-radius:8px;min-width:0;height:36px;padding:0 9px;font-size:9px}.campaign-affiliate-targets code{overflow-wrap:anywhere;color:#71809a;grid-column:1/-1;font-size:7px}.campaign-master-caption{color:#526078;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.campaign-master-caption textarea,.campaign-caption-list textarea{color:#303d53;width:100%;font:inherit;resize:vertical;background:#fbfcff;border:1px solid #dce4ef;border-radius:10px;padding:11px;font-size:10px}.campaign-caption-list{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.campaign-caption-list label{background:#f8faff;border:1px solid #e1e8f2;border-radius:11px;min-width:0;padding:10px}.campaign-caption-list label>span{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.campaign-caption-list b{font-size:10px}.campaign-caption-list small{color:#8e99aa;font-size:8px}.campaign-caption-list small.over{color:#d13e50}.campaign-schedule{grid-template-columns:minmax(180px,1fr) minmax(210px,auto) auto;align-items:center;gap:10px;display:grid}.campaign-schedule>div{flex-direction:column;gap:2px;display:flex}.campaign-schedule input{color:#334057;background:#fafcff;border:1px solid #dce4ef;border-radius:9px;height:42px;padding:0 10px;font-size:10px}.campaign-schedule button{color:#607089;background:#fff;border:1px solid #dce4ef;border-radius:9px;height:42px;padding:0 11px;font-size:9px;font-weight:800}.campaign-submit{border:0;width:100%;min-height:49px;margin-top:15px}.campaign-submit-row{grid-template-columns:minmax(120px,.28fr) 1fr;gap:9px;margin-top:15px;display:grid}.campaign-submit-row .campaign-submit{margin-top:0}.campaign-submit-row>.secondary{min-height:49px}.campaign-preview>video{object-fit:contain;background:#090d14;border-radius:14px;width:100%;max-height:510px;margin-top:16px;display:block}.campaign-summary{border:1px solid #e3e9f2;border-radius:11px;gap:1px;margin-top:12px;display:grid;overflow:hidden}.campaign-summary>div{background:#fafcff;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 11px;display:flex}.campaign-summary span{color:#8793a6;font-size:9px}.campaign-summary b{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:9px;overflow:hidden}.campaign-platform-summary{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.campaign-platform-summary>span{color:#526078;background:#fff;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:5px 7px 5px 5px;font-size:8px;font-weight:800;display:flex}.campaign-platform-summary i{color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;font-size:6px;font-style:normal;display:grid}.campaign-result{border-top:1px solid #e5eaf2;margin-top:15px;padding-top:14px}.campaign-result h3{margin:0 0 8px;font-size:12px}.campaign-result>div{border-bottom:1px solid #edf0f5;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px 0;display:grid}.campaign-result .platform-mark{color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:7px;font-weight:900;display:grid}.campaign-result>div>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.campaign-result b{font-size:9px}.campaign-result small{color:#929cad;font-size:7px}.campaign-result em{color:#557096;background:#edf3fb;border-radius:6px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:800}.campaign-result em.ready,.campaign-result em.posting{color:#176ebd;background:#eaf4ff}.campaign-result em.posted{color:#14835f;background:#e8f7f1}.campaign-result em.prepared{color:#945e00;background:#fff4d8}.campaign-result em.failed{color:#bd4050;background:#fff0f2}.campaign-result a{color:var(--primary);font-size:8px;font-weight:800}.campaign-manual-actions{align-items:center;gap:5px;display:flex}.campaign-manual-actions button{color:#14835f;background:#e8f7f1;border:0;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:800}.campaign-note{color:#5b6b84;background:#f3f7fd;border-radius:10px;margin-top:15px;padding:12px}.campaign-note b{font-size:10px}.campaign-note p{margin:4px 0 0;font-size:9px;line-height:1.6}.social-post-page .section-kicker{font-size:12px}.social-post-page .page-title h1{font-size:32px}.social-post-page .page-title p{font-size:16px;line-height:1.65}.social-post-page .campaign-layout{font-size:13px}.social-post-page .panel-title h2,.social-post-page .preview-heading h2{font-size:22px}.social-post-page .panel-title p{font-size:14px;line-height:1.55}.social-post-page .campaign-section-head b,.social-post-page .campaign-schedule b{font-size:17px}.social-post-page .campaign-section-head small,.social-post-page .campaign-schedule small{font-size:13px;line-height:1.5}.social-post-page .campaign-section-head>span{font-size:12px}.social-post-page .campaign-section-head .button{min-height:40px;font-size:13px}.social-post-page .campaign-selected-clip{gap:14px;padding:12px}.social-post-page .campaign-selected-clip>div:nth-child(2)>span{font-size:11px}.social-post-page .campaign-selected-clip>div:nth-child(2)>b{font-size:15px;line-height:1.45}.social-post-page .campaign-selected-clip>div:nth-child(2)>small{font-size:11px;line-height:1.45}.social-post-page .campaign-selected-actions button{min-height:42px;padding-inline:13px;font-size:12px}.social-post-page .campaign-select-empty>b{font-size:14px}.social-post-page .campaign-select-empty>small{font-size:11px}.social-post-page .campaign-thumbnail-row>span{font-size:13px}.social-post-page .campaign-thumbnail-row small{font-size:11px}.social-post-page .campaign-platform-grid>button{gap:10px;min-height:78px;padding:12px}.social-post-page .campaign-platform-grid>button>i{width:19px;height:19px;font-size:11px}.social-post-page .campaign-platform-grid .platform-mark{flex-basis:36px;width:36px;height:36px;font-size:11px}.social-post-page .campaign-platform-grid b{font-size:13px}.social-post-page .campaign-platform-grid small{font-size:11px;line-height:1.4}.social-post-page .campaign-accounts label,.social-post-page .campaign-account-card{gap:10px;padding:13px}.social-post-page .campaign-accounts label>span,.social-post-page .campaign-account-card>span{font-size:13px}.social-post-page .campaign-accounts label>span i,.social-post-page .campaign-account-card>span i{width:27px;height:27px;font-size:9px}.social-post-page .campaign-accounts input,.social-post-page .campaign-accounts select{height:44px;font-size:12px}.social-post-page .campaign-accounts label>div>button,.social-post-page .campaign-account-control>button{min-width:92px;font-size:12px}.social-post-page .facebook-page-trigger{height:44px}.social-post-page .facebook-page-trigger>span:nth-child(2),.social-post-page .facebook-page-options>button>span:nth-child(2),.social-post-page .facebook-page-options>p{font-size:12px}.social-post-page .campaign-inline-toggle,.social-post-page .campaign-tiktok-product-grid label,.social-post-page .campaign-affiliate-source,.social-post-page .campaign-master-caption{font-size:13px}.social-post-page .campaign-tiktok-product-grid label small,.social-post-page .campaign-affiliate-source small,.social-post-page .campaign-affiliate-head small,.social-post-page .campaign-affiliate-targets small{font-size:11px}.social-post-page .campaign-tiktok-product-grid input,.social-post-page .campaign-affiliate-source input{height:46px;font-size:13px}.social-post-page .campaign-tiktok-options b,.social-post-page .campaign-affiliate-head b{font-size:13px}.social-post-page .campaign-tiktok-options small,.social-post-page .campaign-tiktok-help{font-size:11px}.social-post-page .campaign-affiliate-head>label,.social-post-page .campaign-affiliate-placements label{font-size:12px}.social-post-page .campaign-affiliate-subid-head b{font-size:13px}.social-post-page .campaign-affiliate-subid-head small,.social-post-page .campaign-affiliate-subid-grid label small{font-size:10px}.social-post-page .campaign-affiliate-subid-head button{font-size:11px}.social-post-page .campaign-affiliate-subid-grid label>span,.social-post-page .campaign-affiliate-subid-grid input{font-size:12px}.social-post-page .campaign-affiliate-subid-grid input{height:42px}.social-post-page .campaign-affiliate-run .button,.social-post-page .campaign-affiliate-run a,.social-post-page .campaign-affiliate-targets b{font-size:12px}.social-post-page .campaign-affiliate-targets input{height:42px;font-size:12px}.social-post-page .campaign-affiliate-targets code{font-size:10px}.social-post-page .campaign-master-caption textarea,.social-post-page .campaign-caption-list textarea{padding:13px;font-size:13px;line-height:1.65}.social-post-page .campaign-caption-list b{font-size:13px}.social-post-page .campaign-caption-list small{font-size:11px}.social-post-page .campaign-schedule input,.social-post-page .campaign-schedule button{height:46px;font-size:12px}.social-post-page .campaign-submit-row button{font-size:13px}.social-post-page .campaign-summary>div{padding:11px 13px}.social-post-page .campaign-summary span,.social-post-page .campaign-summary b{font-size:12px}.social-post-page .campaign-platform-summary>span{font-size:11px}.social-post-page .campaign-platform-summary i{width:24px;height:24px;font-size:8px}.social-post-page .campaign-result h3{font-size:15px}.social-post-page .campaign-result b{font-size:12px}.social-post-page .campaign-result small,.social-post-page .campaign-result em,.social-post-page .campaign-result a,.social-post-page .campaign-manual-actions button{font-size:10px}.social-post-page .campaign-note b{font-size:13px}.social-post-page .campaign-note p{font-size:12px;line-height:1.7}.social-post-page .clip-library-box .video-modal-head small,.social-post-page .clip-library-tools input,.social-post-page .clip-library-tools select,.social-post-page .clip-library-count,.social-post-page .clip-library-pagination span{font-size:12px}.social-post-page .clip-library-count b,.social-post-page .clip-library-grid article>div small,.social-post-page .clip-library-select,.social-post-page .clip-library-pagination button{font-size:11px}.social-post-page .clip-library-grid article>div b{font-size:12px}.social-post-page .clip-library-empty b{font-size:15px}.social-post-page .clip-library-empty small{font-size:12px}.ranking-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr);align-items:start;gap:18px;display:grid}.ranking-editor-panel{min-width:0}.ranking-panel-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.ranking-new-button{white-space:nowrap;min-height:40px;padding-inline:14px}.ranking-project-fields{margin-top:22px}.ranking-count-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.ranking-count-picker button{color:#526078;text-align:left;cursor:pointer;background:#fbfcfe;border:1px solid #e1e6ef;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-height:70px;padding:13px 15px;display:flex}.ranking-count-picker button.selected{color:var(--primary);background:#eef6ff;border-color:#7fb4ff;box-shadow:0 0 0 2px #0866ff12}.ranking-count-picker b{font-size:14px}.ranking-count-picker small{color:#8d98aa;font-size:11px}.ranking-format-panel{background:linear-gradient(145deg,#f4f9ff,#fff);border:1px solid #cfe1f8;border-radius:14px;margin-top:17px;padding:17px}.ranking-format-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ranking-format-head h3{margin:3px 0 0;font-family:Noto Sans Thai,sans-serif;font-size:16px}.ranking-format-head p{color:#8794a8;margin:3px 0 0;font-size:9.5px}.ranking-format-head>span{color:#1768c7;white-space:nowrap;background:#e5f1ff;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}.ranking-ratio-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.ranking-ratio-picker button{color:#4a5870;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;min-height:80px;padding:11px;font-family:inherit;display:grid}.ranking-ratio-picker button:hover:not(:disabled){border-color:#91bdfa}.ranking-ratio-picker button.selected{color:#075ecf;background:#edf6ff;border-color:#73adfa;box-shadow:0 0 0 3px #0866ff0f}.ranking-ratio-picker button:disabled{opacity:.72;cursor:default}.ranking-ratio-picker i{background:#dceaff;border:2px solid;border-radius:4px;grid-row:1/3;place-self:center;display:block}.ranking-ratio-picker i.portrait{width:21px;height:34px}.ranking-ratio-picker i.landscape{width:34px;height:21px}.ranking-ratio-picker b{align-self:end;font-size:11.5px}.ranking-ratio-picker small{color:#8a96a8;align-self:start;font-size:8.5px}.ranking-subtitle-settings{background:#ffffffd1;border:1px solid #dfe7f1;border-radius:10px;margin-top:10px;padding:11px}.ranking-subtitle-toggle{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;display:grid}.ranking-subtitle-toggle input{opacity:0;pointer-events:none;position:absolute}.ranking-subtitle-toggle>span{background:#cbd3df;border-radius:999px;align-items:center;width:35px;height:20px;padding:2px;transition:background .18s;display:flex}.ranking-subtitle-toggle>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;box-shadow:0 1px 4px #182c4b40}.ranking-subtitle-toggle input:checked+span{background:var(--primary)}.ranking-subtitle-toggle input:checked+span:after{transform:translate(15px)}.ranking-subtitle-toggle input:disabled+span{opacity:.65}.ranking-subtitle-toggle>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ranking-subtitle-toggle b{color:#40506a;font-size:10.5px}.ranking-subtitle-toggle small{color:#8996a9;font-size:8.5px;line-height:1.45}.ranking-subtitle-controls{border-top:1px dashed #dce4ee;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px;padding-top:10px;display:grid}.ranking-subtitle-controls label{color:#536078;gap:4px;font-size:9.5px;font-weight:700;display:grid}.ranking-subtitle-controls select{color:#34425a;background:#fff;border:1px solid #d7e1ed;border-radius:8px;outline:0;width:100%;height:36px;padding:0 8px;font-family:inherit;font-size:9.5px}.ranking-cover-section{border-top:1px solid var(--line);margin-top:22px;padding-top:21px}.ranking-cover-section>div:first-child{align-items:baseline;gap:7px;margin-bottom:9px;display:flex}.ranking-cover-section>div:first-child b{color:#445169;font-size:13px}.ranking-cover-section>div:first-child span{color:#99a4b5;font-size:11px}.ranking-cover-drop{color:#506078;text-align:left;cursor:pointer;background:#f8fbff;border:1.5px dashed #a9ccfb;border-radius:13px;align-items:center;gap:14px;width:100%;min-height:118px;padding:10px;display:flex}.ranking-cover-drop:hover{border-color:var(--primary);background:#f1f7ff}.ranking-cover-drop.has-image{background:#fbfcfe;border-style:solid;border-color:#dfe6ef}.ranking-cover-drop input,.ranking-bulk-upload input,.ranking-scene-image input{display:none}.ranking-cover-drop img{aspect-ratio:16/9;object-fit:cover;background:#e9edf4;border-radius:9px;width:160px;display:block}.ranking-cover-drop>div{flex-direction:column;gap:4px;min-width:0;display:flex}.ranking-cover-drop>div b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ranking-cover-drop>div small{color:#929daf;font-size:10.5px}.ranking-image-placeholder{color:#fff;background:var(--primary);border-radius:13px;flex:0 0 55px;place-items:center;height:55px;font-size:25px;display:grid;box-shadow:0 8px 20px #0866ff2b}.ranking-remove-cover{color:#d05a66;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:10.5px;font-weight:700}.ranking-scenes-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-top:27px;display:flex}.ranking-scenes-head h3{margin:4px 0 0;font-family:Noto Sans Thai,sans-serif;font-size:19px}.ranking-scenes-head p{color:#919cad;margin:3px 0 0;font-size:11px}.ranking-completion{height:58px;color:var(--primary);background:#edf5ff;border-radius:12px;flex-direction:column;flex:0 0 64px;justify-content:center;align-items:center;display:flex}.ranking-completion b{font-size:17px}.ranking-completion span{color:#7790b1;font-size:9px}.ranking-bulk-upload{color:#526079;text-align:left;cursor:pointer;background:#fbfcff;border:1px dashed #bdcce1;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:68px;margin-top:13px;padding:10px 14px;display:flex}.ranking-bulk-upload:hover{color:var(--primary);background:#f4f8ff;border-color:#83b7ff}.ranking-bulk-upload>span{height:34px;color:var(--primary);background:#e9f3ff;border-radius:9px;flex:0 0 34px;place-items:center;font-size:19px;display:grid}.ranking-bulk-upload>div{flex-direction:column;gap:2px;display:flex}.ranking-bulk-upload b{font-size:12px}.ranking-bulk-upload small{color:#919caf;font-size:10px}.ranking-scene-list{gap:10px;margin-top:10px;display:grid}.ranking-scene-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;grid-template-columns:58px 150px minmax(0,1fr) 34px;align-items:start;gap:12px;min-width:0;padding:12px;transition:border-color .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:0 3px 10px #1e305006}.ranking-scene-card:hover{border-color:#bdcce1;box-shadow:0 7px 18px #1e30500e}.ranking-scene-card.dragging{opacity:.48;border-color:var(--primary)}.ranking-scene-number{color:#7c8ba3;cursor:grab;background:#f1f6ff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:72px;display:flex}.ranking-scene-number span{font-size:8px;font-weight:700}.ranking-scene-number b{color:var(--primary);font-size:22px;line-height:1.05}.ranking-scene-number i{color:#9bb2d2;letter-spacing:-3px;margin-top:3px;font-size:11px;font-style:normal}.ranking-scene-image{min-width:0}.ranking-scene-image label{aspect-ratio:16/9;cursor:pointer;background:#f5f8fc;border:1px dashed #b9cae0;border-radius:10px;place-items:center;display:grid;overflow:hidden}.ranking-scene-image label:hover{border-color:var(--primary)}.ranking-scene-image img{object-fit:contain;background:#edf1f7;width:100%;height:100%;display:block}.ranking-scene-image label>span{color:var(--primary);flex-direction:column;align-items:center;font-size:22px;line-height:1;display:flex}.ranking-scene-image label>span small{color:#8290a6;margin-top:5px;font-size:9px}.ranking-scene-image>small{color:#909bac;height:29px;margin-top:5px;font-size:8.5px;line-height:1.45;display:block;overflow:hidden}.ranking-scene-image>button{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:3px;padding:0;font-size:9px;font-weight:700}.ranking-scene-fields{gap:8px;min-width:0;display:grid}.ranking-scene-fields label{color:#4b5870;gap:4px;min-width:0;font-size:10.5px;font-weight:700;display:grid}.ranking-scene-fields label span small{color:#9da7b6;font-size:9px;font-weight:500}.ranking-scene-fields input,.ranking-scene-fields textarea{color:#2e3a51;background:#fbfcfe;border:1px solid #e0e5ed;border-radius:8px;outline:0;width:100%;font-family:inherit;font-size:11px}.ranking-scene-fields input{height:36px;padding:0 10px}.ranking-scene-fields textarea{resize:vertical;min-height:65px;padding:9px 10px;line-height:1.55}.ranking-scene-fields input:focus,.ranking-scene-fields textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0866ff12}.ranking-scene-move{gap:6px;display:grid}.ranking-scene-move button{color:#587096;cursor:pointer;background:#f3f6fa;border:1px solid #e2e7ef;border-radius:9px;width:34px;height:34px;font-size:14px;font-weight:800}.ranking-scene-move button:hover:not(:disabled){color:#fff;background:var(--primary);border-color:var(--primary)}.ranking-scene-move button:disabled{opacity:.3;cursor:default}.ranking-draft-panel{padding:21px}.ranking-draft-count{min-width:29px;height:29px;color:var(--primary);background:#eaf3ff;border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.ranking-progress-summary{color:#53617a;background:linear-gradient(135deg,#f2f7ff,#fbfcff);border:1px solid #dfeaff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:74px;margin-top:17px;padding:13px;display:flex}.ranking-progress-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ranking-progress-summary b{font-size:12px}.ranking-progress-summary span{color:#8c98aa;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.ranking-progress-summary strong{color:var(--primary);text-align:right;flex:0 0 48px;font-size:17px}.ranking-draft-empty{color:#95a1b2;text-align:center;background:#fafbfd;border:1px solid #edf0f5;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;margin-top:14px;padding:20px;display:flex}.ranking-draft-empty>span{width:46px;height:46px;color:var(--primary);background:#eaf3ff;border-radius:50%;place-items:center;display:grid}.ranking-draft-empty b{color:#657188;margin-top:11px;font-size:13px}.ranking-draft-empty p{margin:4px 0 0;font-size:10px;line-height:1.55}.ranking-draft-list{gap:7px;max-height:480px;margin-top:14px;display:grid;overflow-y:auto}.ranking-draft-list article{background:#fbfcfe;border:1px solid #e8ecf2;border-radius:11px;align-items:center;display:flex}.ranking-draft-list article.active{background:#f0f6ff;border-color:#8ebdff}.ranking-draft-open{min-width:0;min-height:66px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:8px 5px 8px 9px;display:flex}.ranking-draft-open>span{height:34px;color:var(--primary);background:#e7f1ff;border-radius:9px;flex:0 0 34px;place-items:center;font-size:13px;font-weight:900;display:grid}.ranking-draft-open>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ranking-draft-open b{color:#35435c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ranking-draft-open small{color:#939dad;font-size:8.5px}.ranking-draft-delete{color:#a0a9b8;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 30px;height:34px;margin-right:6px;font-size:16px}.ranking-draft-delete:hover{color:#d34d5c;background:#fff0f2}.ranking-next-phase{color:#64728a;background:#fff9ec;border:1px solid #f5e6bc;border-radius:11px;margin-top:15px;padding:13px}.ranking-next-phase b{color:#9a6a13;font-size:11px}.ranking-next-phase p{margin:4px 0 0;font-size:9.5px;line-height:1.6}.ranking-ai-panel{background:linear-gradient(145deg,#f5f9ff,#fff);border:1px solid #cfe1fb;border-radius:15px;margin-top:24px;padding:18px;box-shadow:0 8px 24px #275daa0f}.ranking-ai-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ranking-ai-head h3{margin:4px 0 0;font-family:Noto Sans Thai,sans-serif;font-size:18px}.ranking-ai-head p{color:#8795aa;margin:3px 0 0;font-size:10.5px}.ranking-ai-head>span{border-radius:8px;flex:none;padding:6px 9px;font-size:9.5px;font-weight:800}.ranking-ai-head>span.ready{color:#137748;background:#e8f8ef}.ranking-ai-head>span.missing{color:#a55d16;background:#fff2df}.ranking-ai-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:15px;display:grid}.ranking-ai-controls label{color:#536078;gap:5px;font-size:10.5px;font-weight:700;display:grid}.ranking-ai-controls select{color:#34425a;background:#fff;border:1px solid #dce5f1;border-radius:9px;outline:0;width:100%;height:41px;padding:0 10px;font-family:inherit;font-size:11px}.ranking-ai-controls .button{white-space:nowrap;min-height:41px;padding-inline:17px}.ranking-ai-note{color:#69778e;background:#fff9e9;border:1px solid #f4e4b3;border-radius:9px;align-items:center;gap:7px;margin-top:11px;padding:9px 11px;font-size:9.5px;display:flex}.ranking-ai-note b{color:#8b6415}.ranking-script-editor{margin-top:14px}.ranking-script-editor-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.ranking-script-editor-head>div{align-items:baseline;gap:7px;display:flex}.ranking-script-editor-head b{color:#46546c;font-size:11.5px}.ranking-script-editor-head span{color:#929eaf;font-size:9.5px}.ranking-script-editor-head button,.ranking-scene-script button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:9.5px;font-weight:800}.ranking-script-editor-head button:disabled,.ranking-scene-script button:disabled{opacity:.4;cursor:default}.ranking-script-editor textarea,.ranking-caption-field textarea{color:#2f3c53;resize:vertical;background:#fff;border:1px solid #dce4ef;border-radius:9px;outline:0;width:100%;min-height:96px;padding:10px 11px;font-family:inherit;font-size:11px;line-height:1.65}.ranking-script-editor textarea:focus,.ranking-caption-field textarea:focus,.ranking-hashtag-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0866ff12}.ranking-scene-script{border-top:1px dashed #dfe5ee;padding-top:8px}.ranking-scene-script>div{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.ranking-scene-script>div>span{color:#46546c;font-size:10.5px;font-weight:800}.ranking-scene-script textarea{background:#f8fbff;border-color:#cdddf2;min-height:92px}.ranking-ending-scripts{background:#fbfcfe;border:1px solid #e2e7ef;border-radius:14px;gap:14px;margin-top:16px;padding:17px;display:grid}.ranking-ending-scripts .ranking-script-editor{margin-top:0}.ranking-caption-field,.ranking-hashtag-field{color:#46546c;gap:5px;font-size:11px;font-weight:800;display:grid}.ranking-caption-field textarea{background:#fff;min-height:76px}.ranking-hashtag-field span small{color:#929eaf;font-size:9px;font-weight:500}.ranking-hashtag-field input{color:#2f3c53;background:#fff;border:1px solid #dce4ef;border-radius:9px;outline:0;width:100%;height:40px;padding:0 11px;font-family:inherit;font-size:11px}.ranking-voice-panel{background:linear-gradient(145deg,#f7fffb,#fff);border:1px solid #cfe9dc;border-radius:15px;margin-top:14px;padding:18px;box-shadow:0 8px 24px #1a7a4f0b}.ranking-voice-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.ranking-voice-controls label{color:#536078;gap:5px;min-width:0;font-size:10.5px;font-weight:700;display:grid}.ranking-voice-controls select,.ranking-voice-controls input{color:#34425a;background:#fff;border:1px solid #d8e7df;border-radius:9px;outline:0;width:100%;height:40px;padding:0 9px;font-family:inherit;font-size:10.5px}.ranking-create-all-voices{width:100%;min-height:43px;margin-top:12px}.ranking-scene-voice{background:#fafbfd;border:1px solid #e4e8ee;border-radius:9px;padding:10px}.ranking-scene-voice.ready{background:#f2fbf6;border-color:#cce9da}.ranking-scene-voice-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ranking-scene-voice-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ranking-scene-voice-head span{color:#46546c;font-size:10.5px;font-weight:800}.ranking-scene-voice-head small{color:#81908a;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.ranking-scene-voice-head>button{color:#147a4c;cursor:pointer;background:#e5f6ed;border:0;border-radius:7px;flex:none;padding:5px 7px;font-family:inherit;font-size:9px;font-weight:800}.ranking-scene-voice-head>button:disabled{opacity:.4;cursor:default}.ranking-audio-preview{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;display:grid}.ranking-audio-preview audio{width:100%;height:32px}.ranking-audio-preview button{color:#c5515d;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:8.5px;font-weight:800}.ranking-render-panel{background:linear-gradient(145deg,#f5f9ff,#fff);border:1px solid #cfe0f7;border-radius:15px;margin-top:18px;padding:19px}.ranking-render-panel.status-completed{background:linear-gradient(145deg,#f2fbf6,#fff);border-color:#bfe4d1}.ranking-render-panel.status-failed{background:#fff9fa;border-color:#f0cbd0}.ranking-render-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ranking-render-head h3{margin:4px 0 0;font-family:Noto Sans Thai,sans-serif;font-size:18px}.ranking-render-head p{color:#8794a8;margin:3px 0 0;font-size:10px}.ranking-render-head>span{color:#1768c7;background:#e8f2ff;border-radius:8px;flex:none;padding:6px 9px;font-size:9.5px;font-weight:800}.status-completed .ranking-render-head>span{color:#14764a;background:#dff5e9}.status-failed .ranking-render-head>span{color:#b34450;background:#ffe8eb}.ranking-render-readiness{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.ranking-render-readiness>div{color:#65748b;background:#fff;border:1px solid #e0e7f0;border-radius:9px;justify-content:space-between;align-items:center;padding:10px;font-size:10px;display:flex}.ranking-render-readiness b{color:#b06b21}.ranking-render-readiness b.ready{color:#13804c}.ranking-render-submit{width:100%;min-height:45px;margin-top:12px}.ranking-render-working{margin-top:15px}.ranking-render-working>div{color:#5c6c84;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.ranking-render-working progress{width:100%;height:8px;accent-color:var(--primary);margin-top:7px}.ranking-render-working button{color:#c34e5b;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-family:inherit;font-size:9.5px;font-weight:800}.ranking-render-result{grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);align-items:center;gap:14px;margin-top:15px;display:grid}.ranking-render-result video{background:#10151d;border-radius:11px;width:100%;display:block;box-shadow:0 8px 24px #142a4824}.ranking-render-result.portrait video{object-fit:contain;justify-self:center;width:min(100%,290px);max-height:520px}.ranking-render-result>div{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.ranking-render-result b{color:#24533c;font-size:13px}.ranking-render-result span{color:#7e8c84;font-size:9.5px;line-height:1.5}.ranking-render-result .button{width:100%;min-height:39px;margin-top:7px}.ranking-render-error{color:#bd4652;margin:8px 0 0;font-size:9.5px}.ranking-job-status{color:#77869d;font-style:normal;font-weight:800}.ranking-job-status.completed{color:#15804f}.ranking-job-status.processing,.ranking-job-status.queued{color:#1768c7}.ranking-job-status.failed{color:#bf4652}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr;gap:25px;padding-top:45px}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:420px}.sidebar{width:74px;padding-inline:10px}.sidebar-brand span:last-child,.sidebar-link>span:not(:first-child),.sidebar-link small,.nav-label,.plan-card{display:none}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-link{justify-content:center;padding:0}.dashboard-main{width:calc(100% - 74px);margin-left:74px}.stat-grid,.credential-grid,.studio-grid,.ranking-layout{grid-template-columns:1fr}.preview-panel{position:static}.ranking-draft-list{max-height:300px}.footage-folder-grid,.footage-asset-grid,.edited-clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footage-folder-form{grid-template-columns:1fr 1fr}.footage-folder-form>div:first-child,.footage-folder-form>div:last-child{grid-column:1/-1}.batch-variant{grid-template-columns:30px 1fr 1fr}.batch-variant>select:nth-of-type(2),.batch-variant>select:nth-of-type(3){grid-column:auto}.ready-clip-layout,.campaign-layout{grid-template-columns:1fr}.campaign-preview{position:static}.campaign-platform-grid,.clip-library-grid,.affiliate-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.landing-nav,.hero{width:min(100% - 30px,1180px)}.landing-nav .ghost{display:none}.hero h1{letter-spacing:-2px;font-size:43px}.hero-copy>p{font-size:14px}.trust-row{gap:10px}.workflow-card{min-height:82px;padding:14px}.card-upload,.card-ai,.card-ready{transform:none}.bridge-chip{bottom:28px;right:10px}.auth-brand{margin-bottom:26px;position:static}.auth-page{justify-content:flex-start;padding-top:28px}.auth-card{padding:30px 22px}.sidebar{display:none}.dashboard-main{width:100%;margin-left:0}.dashboard-header{padding:0 18px}.mobile-brand{display:inline-flex}.account-chip>div{display:none}.dashboard-content{width:calc(100% - 30px);padding-top:27px}.welcome-row{align-items:flex-start;gap:15px}.welcome-row h1{font-size:23px}.server-pill{margin-top:7px}.roadmap-items{padding-bottom:8px;overflow-x:auto}.roadmap-line{min-width:25px}.card-heading{flex-direction:column}.status-badge{align-self:flex-start}.pair-grid{grid-template-columns:1fr}.pair-step{border-bottom:1px solid #edf0f5;border-right:0}.pair-step:last-child{border-bottom:0}.code-box{flex-direction:column;align-items:stretch}.page-title{flex-direction:column;align-items:flex-start}.form-grid.two,.choice-grid,.source-link-row{grid-template-columns:1fr}.source-link-row button{min-height:44px}.facebook-product-history,.feature-option-grid,.brand-layout-web,.music-picker,.extension-option-grid{grid-template-columns:1fr}.extension-control.full{grid-column:auto}.extension-brand-layout,.presenter-layout{grid-template-columns:1fr}.extension-brand-layout .position-grid,.extension-brand-layout .brand-auto{width:100%}.extension-brand-layout .position-grid{height:118px}.presenter-position-wrap .position-grid{width:100%;height:118px}.presenter-controls,.presenter-chroma-grid,.presenter-save-row{grid-template-columns:1fr}.presenter-controls .extension-control:nth-child(3),.presenter-checks,.presenter-chroma-grid .check-row{grid-column:auto}.studio-panel,.preview-panel{padding:18px}.ranking-panel-head{flex-direction:column;align-items:flex-start}.ranking-new-button{width:100%}.ranking-count-picker{grid-template-columns:1fr}.ranking-format-head{flex-direction:column;align-items:flex-start}.ranking-ratio-picker,.ranking-subtitle-controls{grid-template-columns:1fr}.ranking-cover-drop{flex-direction:column;align-items:flex-start}.ranking-cover-drop img{width:100%}.ranking-scenes-head{align-items:flex-start}.ranking-scene-card{grid-template-columns:48px minmax(0,1fr)}.ranking-scene-image{max-width:190px}.ranking-scene-fields{grid-column:1/-1}.ranking-scene-move{grid-column:1/-1;justify-content:flex-end;display:flex}.ranking-ai-head,.ranking-script-editor-head{flex-direction:column;align-items:flex-start}.ranking-ai-controls{grid-template-columns:1fr}.ranking-ai-controls .button{width:100%}.ranking-ai-note{flex-direction:column;align-items:flex-start}.ranking-voice-controls{grid-template-columns:1fr}.ranking-scene-voice-head{flex-direction:column;align-items:flex-start}.ranking-scene-voice-head>button{width:100%;min-height:34px}.ranking-audio-preview{grid-template-columns:1fr}.ranking-audio-preview button{justify-self:end}.ranking-render-head{flex-direction:column;align-items:flex-start}.ranking-render-readiness,.ranking-render-result{grid-template-columns:1fr}.empty-preview{min-height:270px}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-income-importer{grid-template-columns:1fr}.affiliate-income-controls{grid-template-columns:1fr 1fr}.affiliate-income-controls .button,.affiliate-date-range-control{grid-column:1/-1}.affiliate-date-range-popover{grid-template-columns:1fr}.affiliate-date-presets{border-bottom:1px solid #e7ebf2;border-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-income-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-readiness-grid{grid-template-columns:1fr}.report-tools,.report-tools input{width:100%}.post-actions{grid-template-columns:1fr}.subid-slots li{grid-template-columns:62px minmax(0,1fr) auto}.history-row{flex-wrap:wrap;align-items:flex-start}.history-thumb{flex-basis:58px;height:78px}.history-action{align-self:center}.video-modal{padding:14px}.video-modal-foot{flex-direction:column;align-items:stretch}.video-modal-actions{grid-template-columns:1fr;display:grid}.storage-flow{flex-direction:column;align-items:stretch}.storage-flow em{text-align:center;transform:rotate(90deg)}.server-setting-row,.footage-toolbar{flex-direction:column;align-items:stretch}.footage-section-tabs{grid-template-columns:1fr}.edited-clips-toolbar{flex-direction:column;align-items:stretch}.edited-clips-toolbar .footage-search{flex-basis:auto;width:100%}.edited-clips-grid{grid-template-columns:1fr}.footage-toolbar>select{width:100%}.footage-toolbar>.button{width:100%;margin-left:0}.footage-search{flex:auto;width:100%;min-width:0}.footage-folder-grid,.footage-asset-grid,.footage-folder-form{grid-template-columns:1fr}.footage-folder-form>div:first-child,.footage-folder-form>div:last-child{grid-column:auto}.footage-folder-head{grid-template-columns:1fr}.footage-folder-head .footage-upload{width:100%}.footage-selection-bar{flex-direction:column;align-items:stretch}.footage-selection-bar select{width:100%;margin-left:0}.footage-selection-bar .send-editor{margin-left:0}.footage-video-wrap{height:300px}.footage-storage{grid-template-columns:1fr;gap:10px}.footage-trash-head{flex-direction:column;align-items:stretch}.batch-model,.batch-cv-options{grid-template-columns:1fr}.batch-footage-order>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.batch-footage-item{grid-template-columns:20px 25px 48px minmax(0,1fr) 28px 28px;gap:6px}.batch-footage-item video{width:48px;height:36px}.batch-variant{grid-template-columns:28px 1fr}.batch-variant input,.batch-variant select{grid-column:2}.batch-variant>button{grid-area:2/1}.batch-actions{grid-template-columns:1fr;display:grid}.ready-form-grid{grid-template-columns:1fr}.ready-form-grid label.full{grid-column:auto}.ready-upload-card,.ready-library-card{padding:18px}.ready-library-list article{grid-template-columns:54px minmax(0,1fr)}.ready-library-list article>.button{grid-column:1/-1}.campaign-main,.campaign-preview{padding:18px}.campaign-clip-picker,.campaign-accounts,.campaign-caption-list,.campaign-tiktok-product-grid,.campaign-tiktok-options{grid-template-columns:1fr}.campaign-selected-clip{grid-template-columns:58px minmax(0,1fr)}.campaign-selected-media{width:58px;height:76px}.campaign-selected-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.clip-library-tools,.clip-library-grid{grid-template-columns:1fr}.clip-library-box{padding:14px}.campaign-platform-grid,.campaign-affiliate-subid-grid{grid-template-columns:1fr 1fr}.campaign-schedule,.campaign-submit-row{grid-template-columns:1fr}}
