:root{--paper:#f6f5f1;--surface:#fffefa;--ink:#252e2a;--muted:#777b71;--line:#e3e4db;--accent:#c95535;--green:#476550;--pale:#eef1e8;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dba68d;outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 16px;border-radius:8px;font-weight:600}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.quiet{background:transparent;border-color:transparent}.small{font-size:12px;padding:7px 11px}.danger{color:#a83f29}.layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:31px 20px 20px;display:flex;flex-direction:column;background:#f0f1e9}.brand{display:flex;gap:10px;align-items:center;margin-bottom:35px;font-size:18px;font-weight:500;letter-spacing:-.6px}.brand img{width:34px;height:34px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.6px;font-weight:600;margin-top:1px}.navlabel{font-size:10px;letter-spacing:1.6px;color:var(--muted);padding:0 12px;margin:15px 0 10px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;padding:11px 12px;border-radius:7px;gap:11px;color:#667064;font-size:13px}.nav a.active{background:#e1e7d9;color:#283f2c;font-weight:600}.nav a b{font-size:11px;margin-left:auto;font-weight:500;background:#f6f8f1;border-radius:4px;padding:1px 6px}.nav a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.sidebar-bottom{margin-top:auto;padding-top:25px}.manifesto{border-top:1px solid #d8ddcf;padding:24px 11px;color:#67745e}.manifesto strong{font:300 24px/1.1 var(--sans);letter-spacing:-.5px;display:block;margin-bottom:10px}.manifesto p{font-size:11px;max-width:160px;line-height:1.7}.account{display:flex;gap:9px;align-items:center;padding:14px 8px;border-top:1px solid var(--line)}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dbe1d3;color:#3c533c}.account strong{font-size:12px;display:block}.account small{font-size:10px;color:var(--muted)}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;color:var(--muted)}.topbar .right{display:flex;gap:15px;align-items:center}.beta{border:1px solid #dedfd3;border-radius:20px;padding:4px 10px;font-size:10px;letter-spacing:1px;color:#62705b}.dot{width:6px;height:6px;border-radius:50%;background:#7b906e;display:inline-block;margin-right:6px}.page{padding:39px 40px 60px;max-width:1560px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-weight:700}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font:300 42px/1.15 var(--sans);letter-spacing:-1.5px;margin:10px 0 11px}h2{font:300 29px/1.2 var(--sans);letter-spacing:-.6px;margin:7px 0 15px}h3{font-size:15px;margin:0 0 8px}p{margin:0 0 14px}.subtle,.hint{color:var(--muted)}.hint{font-size:12px}.page-head p{margin:0;color:var(--muted);max-width:620px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.stat{padding:19px 23px;position:relative}.stat+.stat{border-left:1px solid var(--line)}.stat .number{font:300 31px var(--sans);display:block;margin:5px 0}.stat small{font-size:11px;color:var(--muted)}.stat .label{font-size:12px;color:#667060}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.search{flex:1;min-width:180px}.toolbar input,.toolbar select{font-size:12px;padding:10px 13px;background:transparent}.table-wrap{border:1px solid var(--line);border-radius:11px;overflow:auto;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;min-width:730px}th{font-size:9px;color:var(--muted);letter-spacing:1.3px;text-transform:uppercase;font-weight:600;padding:15px 18px;background:#f4f5ee;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #edefe5;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf5}.video-cell{display:flex;align-items:center;gap:15px;min-width:225px}.cover{width:51px;height:68px;border-radius:6px;object-fit:cover;background:#e5e8dd;flex-shrink:0}.cover-empty{display:flex;align-items:center;justify-content:center;color:#77816b;text-align:center;font-size:8px;padding:5px;letter-spacing:.2px}.video-cell strong{display:block;max-width:360px;font-size:13px;font-weight:600;margin-bottom:4px}.video-cell small{color:var(--muted);font-size:10px}.pill{display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:5px;background:#f0f0e9;color:#777c6d;font-size:10px;white-space:nowrap}.pill.published,.pill.ready{background:#e8eedf;color:#547040}.pill.uploaded,.pill.running,.pill.queued{background:#e5edf1;color:#527381}.pill.review,.pill.paused{background:#f6e9da;color:#a3783e}.pill.failed{background:#f4e1dc;color:#a3533f}.quick{border:1px dashed #cbd2c2;background:transparent;color:#6a7a59;min-width:90px;font-size:11px;padding:8px 10px}.quick.attached{border-style:solid;background:#f0f3e9}.quick-file{display:block;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;margin-top:5px}.table-foot{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;color:var(--muted)}.table-foot .actions{gap:6px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.empty{padding:60px 30px;text-align:center;border:1px dashed #d6dbcd;border-radius:12px;background:#fafbf6}.empty p{max-width:440px;margin:0 auto 22px;color:var(--muted)}.empty .steps{display:flex;gap:35px;justify-content:center;margin:30px 0;font-size:12px;color:#77816c}.empty .steps span b{display:block;font:300 25px var(--sans);margin-bottom:8px;color:#bd6b48}.card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:25px;margin-bottom:20px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.platform-logo{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;background:var(--pale);color:var(--green);margin-bottom:20px}.platform-card>p{min-height:80px;color:var(--muted);font-size:12px}.platform-card .status-line{font-size:11px;margin-bottom:15px}.connected-account{padding:15px 0;border-top:1px solid var(--line)}.connected-account strong{display:block;margin-bottom:10px}.alert{border:1px solid #e7dfca;background:#f7f1df;border-radius:8px;padding:13px 16px;color:#82734d;font-size:12px;margin:14px 0}.editor-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px}.video-preview{height:330px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;overflow:hidden;background:#e2e7da}.video-preview video,.video-preview img{width:100%;height:100%;object-fit:contain}.video-preview.no-asset img{object-fit:cover;filter:brightness(.8)}.video-preview span{position:absolute;color:#fff;background:#303e2caa;border-radius:6px;padding:8px;font-size:11px;bottom:12px}.video-info{padding:19px 0}.video-info .actions{margin-top:14px}.expiry{font-size:10px;color:#9d775b;margin-top:8px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-bottom:25px}.tabs a{font-size:12px;padding:12px 0;color:var(--muted)}.tabs a.active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.field{display:block;margin-bottom:20px}.field-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600}.field-head small{font-size:10px;color:var(--muted);font-weight:400}.over{color:#b23e27!important}input,textarea,select{width:100%;color:var(--ink);background:#fffefa;border:1px solid #dbdfd2;border-radius:7px;padding:11px 12px;outline-offset:2px}textarea{resize:vertical;line-height:1.7}.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input,.field select{margin-top:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.savebar{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.posting-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 0;margin-bottom:19px}.posting-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.list-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.list-row:last-child{border:0}.list-row p{font-size:12px;color:var(--muted);margin:4px 0}.list-row small{font-size:10px;color:var(--muted)}progress{width:100%;height:6px;accent-color:var(--accent)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .card{margin:0}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#e7ebdd;padding:60px max(40px,10vw);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story .brand{position:absolute;top:45px;left:45px}.auth-story h1{font-size:64px;line-height:1.04;max-width:440px;margin-bottom:24px}.auth-story p{color:#69775d;max-width:360px;line-height:1.8}.orbit{position:relative;width:250px;height:120px;margin-top:50px}.orbit i{position:absolute;width:100px;height:100px;border:1px solid #a8b599;border-radius:50%;top:0;left:0}.orbit i:nth-child(2){left:75px}.orbit i:nth-child(3){left:150px}.orbit b{position:absolute;left:109px;top:39px;background:#c85b3a;width:32px;height:32px;border-radius:50%}.auth-form{display:flex;justify-content:center;align-items:center;padding:50px}.auth-form form{max-width:370px;width:100%}.auth-form .primary{width:100%;margin:5px 0 15px}.auth-form p{color:var(--muted);font-size:12px}.auth-form .brand{display:none}.auth-switch{font-size:12px}.error{color:#ad442b;font-size:12px;margin-bottom:12px;white-space:pre-line}.auth-links{font-size:10px;display:flex;gap:15px;margin-top:30px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:15px;max-width:680px;width:calc(100% - 32px);max-height:90vh;padding:30px;box-shadow:0 25px 100px #26302130}dialog::backdrop{background:#1d2e234d;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.modal-head h2{margin-bottom:0}.modal-head button{font-size:21px;padding:0 7px;border:0;background:transparent}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:15px 0}.check input{width:auto;margin-top:4px}.prompt{font-size:11px;background:#f5f6ef}.error-box{padding:30px}.boot{min-height:70vh;display:grid;place-items:center;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#2b3f30;color:#fff;padding:13px 23px;box-shadow:0 4px 30px #20302020;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;font-size:12px;z-index:999;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.legal{max-width:730px;margin:70px auto;padding:0 25px}.legal h1{font-size:40px}.legal h2{font-size:23px;margin-top:30px}.legal p{color:#66705f}.mobile-brand{display:none}@media(min-width:1500px){.page{padding-left:65px;padding-right:65px}.topbar{padding:0 65px}}@media(max-width:1100px){.layout{grid-template-columns:195px minmax(0,1fr)}.page{padding:30px 24px}.topbar{padding:0 24px}.sidebar{padding-left:12px;padding-right:12px}.editor-grid{grid-template-columns:230px minmax(0,1fr)}.card-grid{grid-template-columns:1fr}.platform-card>p{min-height:0}.auth-story{padding:50px}.auth-story h1{font-size:48px}.stats .stat{padding:15px}.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.layout{display:block}.sidebar{position:relative;height:auto;padding:15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:15px}.sidebar .navlabel,.sidebar-bottom,.sidebar .brand small{display:none}.nav{flex-direction:row;overflow:auto}.nav a{padding:8px 10px;white-space:nowrap;font-size:11px}.nav a svg{display:none}.sidebar .nav+.nav{margin-top:5px}.topbar{height:59px;padding:0 18px}.topbar .right .subtle{display:none}.page{padding:25px 18px}.page-head{align-items:flex-start;margin-bottom:20px}h1{font-size:33px}.page-head p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}.editor-grid,.split{grid-template-columns:1fr}.video-preview{height:300px}.editor-left{max-width:none}.auth{display:block}.auth-story{display:none}.auth-form{min-height:100vh;padding:30px}.auth-form .brand{display:flex;margin-bottom:45px}.empty .steps{gap:20px}.card{padding:20px}.savebar{flex-wrap:wrap;gap:10px}.topbar .beta{font-size:9px}.page-head .actions{justify-content:flex-end}.tabs{gap:20px}.list-row{flex-wrap:wrap}.modal-head h2{font-size:25px}dialog{padding:22px}}

.source-video-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.source-video-actions button{white-space:nowrap}td .source-video-actions{min-width:175px}.source-video-actions+.hint{margin-bottom:10px}

/* Keep publication tracking and upload review within the library. */
.toolbar #platform-filter,.toolbar #status-filter{width:145px}
.toolbar #missing-filter{width:auto;max-width:100%;min-width:240px}
.library-guide{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 20px;margin:0 0 16px;font-size:11px;color:var(--muted)}
.library-guide a{margin-left:5px;text-decoration:underline}
.platform-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:135px}
.published-check{display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;white-space:nowrap}
.published-check input{width:16px;height:16px;margin:0;accent-color:#547040;cursor:pointer}
.published-check:has(input:checked){color:#547040;font-weight:600}
.library-upload{padding:7px 9px;white-space:nowrap;font-size:11px}
.platform-cell small.hint{font-size:9px;margin-top:-4px}
.main-platform-label{display:block;letter-spacing:0;text-transform:none;font-size:9px;font-weight:400;margin-top:4px}
.library-table td{padding:16px 14px}
.library-table th{padding:13px 14px}
.library-table .video-cell strong{max-width:290px}
@media(max-width:760px){.toolbar .search{flex-basis:100%}.toolbar #missing-filter{width:100%}.toolbar #platform-filter,.toolbar #status-filter{flex:1}.library-guide{line-height:1.7}}

/* Platform marks and clear copy controls, including narrow screens. */
.platform-logo svg{width:25px;height:25px;display:block}.connected-account .hint{margin:0 0 12px}.field>.field-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-head .actions{margin-left:auto}.copy-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--green);background:var(--pale);border-color:#d8dfd0;font-weight:500}.copy-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.copy-button:hover{background:#e1e8da}.copy-guidance{margin:0 0 20px;font-size:12px;color:var(--muted)}textarea::placeholder{color:#858a80}.copy-button:disabled{cursor:default}@media(max-width:760px){.field-head .actions{gap:6px}.copy-button{padding:7px 9px}.page-head{flex-wrap:wrap}.auth-story h1{font-weight:300}}

.storage-total{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.storage-total strong{font-size:36px;font-weight:300;letter-spacing:-1px}.storage-total span{font-size:13px;color:var(--muted)}.storage-summary progress{height:10px;margin-bottom:12px}.storage-summary p{margin:0}.storage-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--green)}.storage-table td:nth-child(2){min-width:240px;max-width:480px}.storage-filename{display:block;color:var(--muted);font-size:11px;margin:4px 0;overflow-wrap:anywhere}.storage-delete-list{max-height:220px;overflow:auto;padding-left:20px;font-size:13px}.storage-delete-list li{margin-bottom:12px}.storage-delete-list small{display:block;color:var(--muted)}

.index-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1px solid #d8dfd0;background:var(--pale);border-radius:10px;padding:15px 18px;margin-bottom:18px}.index-summary strong{font-size:12px;font-weight:600;color:var(--green)}.index-summary p{font-size:12px;color:var(--muted);margin:4px 0 0}.index-summary .actions{flex-shrink:0}

/* Reflow the content itself; do not hide off-screen actions with overflow-x. */
.mobile-detail-label{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-head>div,.card,.field,.split>*{min-width:0}
.page h1,.page h2,.page p,.list-row,.connected-account,.video-cell strong,.storage-table strong{overflow-wrap:anywhere}
.video-cell>span{min-width:0}
.video-info,.auth-form,.legal{overflow-wrap:anywhere}
.storage-select{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}

/* Cards keep every table action visible on tablets and phones. Explicit table
   roles in the markup retain the row/cell relationships for assistive tools. */
@media(max-width:1280px){
 .table-wrap{border:0;border-radius:0;overflow:visible;background:transparent}
 .library-table,.storage-table{display:block;min-width:0;width:100%}
 .library-table thead,.storage-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .library-table tbody,.storage-table tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
 .library-table tr,.storage-table tr{display:grid;min-width:0;align-content:start;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
 .library-table tr{grid-template-columns:repeat(2,minmax(0,1fr))}
 .library-table td,.storage-table td{display:block;min-width:0;padding:14px;border:0;overflow-wrap:anywhere}
 .library-table td[data-label]::before,.storage-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:8px}
 .library-table .video-heading{grid-column:1/-1;padding:18px 14px;border-bottom:1px solid var(--line)}
 .library-table .video-cell{min-width:0;gap:12px;align-items:flex-start}
 .library-table .video-cell strong{max-width:none;font-size:15px;line-height:1.45}
 .library-table .video-cell small{font-size:11px}
 .library-table .cover{width:58px;height:78px}
 .library-table td:nth-child(2){grid-column:1/-1;border-bottom:1px solid var(--line)}
 .library-table td:nth-child(2) .platform-cell{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}
 .library-table td:nth-child(3){border-right:1px solid var(--line)}
 .library-table .platform-cell{min-width:0;width:100%;gap:8px}
 .library-upload .upload-arrow{display:none}
 .library-upload{width:100%;white-space:normal;min-height:44px;font-size:12px}
 .library-table td:nth-child(2) .library-upload{width:auto}
 .published-check{min-height:40px;white-space:normal}
 .published-check input{width:19px;height:19px;flex-shrink:0}
 .library-table .video-file-cell,.library-table .video-details-cell{grid-column:1/-1;border-top:1px solid var(--line)}
 td .source-video-actions{min-width:0}
 .source-video-actions button{white-space:normal;min-height:44px}
 .quick-file{max-width:none;white-space:normal;overflow-wrap:anywhere;font-size:11px}
 .library-table .video-details-cell{padding:0}
 .video-details-cell a{display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px;color:var(--green);font-weight:600}
 .mobile-detail-label{display:inline}
 .storage-table tr{grid-template-columns:44px minmax(0,1fr);padding:10px}
 .storage-table td{padding:8px}
 .storage-table td:first-child{padding:0;grid-column:1;grid-row:1}
 .storage-table td:nth-child(2){min-width:0;max-width:none;grid-column:2}
 .storage-table td[data-label]{grid-column:2;display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:right}
 .storage-table td[data-label]::before{margin:0;text-align:left;flex-shrink:0}
 .storage-table td:last-child{border-top:1px solid var(--line);margin-top:6px}
}

@media(max-width:1100px){
 .editor-grid{grid-template-columns:minmax(0,1fr)}
 .editor-left{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);column-gap:22px;align-items:start}
 .editor-left>.card{grid-column:1/-1}
 .editor-left .video-info{padding-top:0}
}

@media(max-width:760px){
 .topbar{height:auto;min-height:60px;padding:8px 16px;gap:12px}
 .topbar>div:first-child{min-width:0;font-size:11px}
 .topbar .right{flex-shrink:0;gap:0}
 .topbar .beta{display:none}
 .page{padding:24px 16px 40px}
 .page-head{display:block}
 .page-head>button,.page-head>.actions{margin-top:16px}
 .page-head>.actions{justify-content:flex-start}
 .page h1{font-size:30px!important;line-height:1.2;letter-spacing:-1px}
 .page h2{font-size:25px}
 button,.small{min-height:44px}
 button{max-width:100%;white-space:normal}
 input,textarea,select,.toolbar input,.toolbar select{min-width:0;max-width:100%;font-size:16px}
 input:not([type=checkbox]),select{min-height:44px}
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .toolbar .search,.toolbar #missing-filter{grid-column:1/-1}
 .toolbar #platform-filter,.toolbar #status-filter,.toolbar #missing-filter{width:100%;min-width:0;max-width:100%}
 .toolbar #purge-storage{margin-left:0!important}
 .toolbar #storage-selection{grid-column:1/-1}
 .index-summary{padding:14px;gap:12px}
 .index-summary .actions{flex-shrink:1;gap:8px}
 .index-summary .actions a{display:flex;align-items:center;min-height:44px}
 .stats{margin-bottom:18px}
 .stat{min-width:0;padding:14px!important}
 .stat .label{font-size:11px}
 .stat .number{font-size:27px}
 .table-foot{flex-direction:column;align-items:center;gap:10px}
 .table-foot .actions{justify-content:center}
 .editor-left{display:block}
 .video-preview{height:300px;max-height:50svh}
 .editor-left .video-info{padding:18px 0}
 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .tabs a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;text-align:center;padding:10px 4px}
 .posting-head{align-items:flex-start;flex-wrap:wrap}
 .posting-head>div{min-width:0;flex:1 1 170px}
 .card{padding:18px}
 .field-head .actions{margin-left:0;max-width:100%;flex-wrap:wrap}
 .savebar{align-items:flex-start}
 .savebar>.actions{width:100%}
 .savebar>.actions button{flex:1 1 130px}
 .storage-total{flex-wrap:wrap;gap:4px 10px}
 .storage-total strong{font-size:32px}
 .empty{padding:32px 18px}
 .empty .steps{flex-wrap:wrap}
 .modal-head{gap:12px}
 .modal-head>div{min-width:0}
 .modal-head h2{overflow-wrap:anywhere}
 .modal-head button{min-width:44px;flex-shrink:0}
 .modal-foot{flex-wrap:wrap;justify-content:stretch}
 .modal-foot>button,.modal-foot>a{flex:1 1 120px;text-align:center}
 dialog{padding:18px;max-height:calc(100svh - 24px);max-width:calc(100% - 24px);width:calc(100% - 24px);overflow-wrap:anywhere}
 dialog video{max-width:100%}
 .check input{flex-shrink:0}
 .auth-form{padding:28px 20px}
 .auth-links{flex-wrap:wrap;gap:12px}
 #toast{width:max-content;max-width:calc(100vw - 32px);overflow-wrap:anywhere;padding:12px 16px;bottom:max(16px,env(safe-area-inset-bottom))}
}

/* One compact workspace across screen sizes. */
.layout{display:block;min-height:100vh}
.topbar{display:block;position:sticky;top:0;z-index:20;height:auto;min-height:68px;padding:0;background:var(--paper);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:1200px;margin:auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.app-top-title{display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;color:var(--ink);min-width:0}
.app-top-title>a:not(.brand){display:grid;place-items:center;width:44px;min-height:44px;font-size:22px;margin-left:-10px}
.app-top-title .brand{margin:0;font-size:17px;letter-spacing:-.5px;gap:8px;white-space:nowrap}
.app-top-title .brand img{width:29px;height:29px}
.app-top-title .brand small{display:none}
.topbar .right{gap:12px;flex-shrink:0}
.topbar #add-video{min-height:40px;font-size:12px;font-weight:500;padding:9px 14px;border-radius:22px;white-space:nowrap}
.workspace-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4e9dc;color:var(--green);font-size:12px;font-weight:500;text-decoration:none}
.workspace-nav{display:flex;align-items:center;gap:4px}
.workspace-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;font-size:12px;color:var(--muted);text-decoration:none;border-radius:12px}
.workspace-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.workspace-nav a[aria-current]{color:var(--accent);background:#f7eee6;font-weight:600}
.page{padding:32px 32px 60px;max-width:1200px;margin:auto}
.page h1{font:400 28px/1.25 var(--sans);letter-spacing:-.8px;margin:0 0 8px}
.page h2{font-size:22px;letter-spacing:-.4px}
.page-head{margin-bottom:24px}
.page-head .eyebrow{display:none}
.page-head p{font-size:13px;line-height:1.6}
.card{border-radius:14px;padding:22px;margin-bottom:16px}
.card-grid,.settings-grid{gap:16px}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.platform-card .platform-logo{margin-bottom:12px;width:36px;height:36px;border-radius:10px}
.platform-card>p{min-height:0;margin-bottom:16px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;flex-shrink:0}
.icon-button svg,.sheet-links svg,.media-toggle>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.library-head h1{margin:0 0 5px;font-weight:500}
.library-head p{font-size:12px;color:var(--muted);margin:0}
.library-head .actions{gap:2px;flex-shrink:0}
.library-head .icon-button{background:transparent;border-color:transparent}
.library-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.library-toolbar{display:flex;gap:8px;min-width:0;flex:1;max-width:520px}
.library-toolbar .search{min-width:0;flex:1;width:0;background:#eaece4;border-color:transparent;border-radius:12px;padding:10px 14px;min-height:44px;font-size:14px}
.filter-button{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;font-size:12px;padding:8px 12px;border-radius:12px;background:var(--surface);min-height:44px}
.filter-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.library-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;background:#eaece4;border-radius:12px;min-width:290px}
.library-views a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 14px;font-size:12px;color:var(--muted);border-radius:9px;text-decoration:none}
.library-views a[aria-current]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #23302412;font-weight:600}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.video-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.video-heading{display:flex;align-items:flex-start;gap:0;padding:14px 4px 12px 14px;flex:1}
.video-card .video-cell{flex:1;min-width:0;gap:12px;text-decoration:none;align-items:flex-start}
.video-card .cover{width:62px;height:84px;border-radius:9px}
.video-card .video-cell strong{max-width:none;font-size:13px;line-height:1.45;font-weight:500;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.video-card .video-cell small{font-size:10px}
.video-more{border:0;background:transparent;margin-top:-5px}
.video-status-line{display:flex;gap:10px;align-items:center;margin-top:8px;color:#909589}
.video-status-line>span{display:inline-flex;align-items:center;gap:3px}
.video-status-line svg{width:14px;height:14px}
.video-status-line i{font-style:normal;font-size:11px;line-height:1}
.video-status-line .is-published{color:var(--green)}
.video-actions{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:7px;padding:0 14px 12px}
.video-actions button{min-height:44px;height:44px;border-radius:9px;background:#f3f4ed;border-color:transparent;font-size:11px;font-weight:500}
.video-actions .file-ready{color:var(--green);background:#e8eedf}
.platform-upload{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;min-width:0;color:var(--green)}
.platform-upload>svg{width:17px;height:17px;flex-shrink:0}
.platform-upload>svg:last-child{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.table-foot{margin-top:20px;align-items:center}
.sheet-summary{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:12px;margin:20px 0}
.sheet-links{display:grid;margin:14px 0}
.sheet-links>a,.sheet-links>button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;min-height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;font-size:14px;font-weight:500}
.sheet-links svg{flex-shrink:0}
.sheet-platforms{border-block:1px solid var(--line);margin:18px 0}
.sheet-published{display:flex;gap:12px;align-items:center;min-height:56px;cursor:pointer}
.sheet-published>svg{width:22px;height:22px;flex-shrink:0;color:var(--green)}
.sheet-published>span{flex:1;min-width:0;font-size:14px}
.sheet-published input{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}
.sheet-file{padding:4px 0 12px}
.editor-page{max-width:960px}
.editor-page .page-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.editor-page .page-head>div{flex:1 1 220px}
.editor-page .page-head h1{font-size:24px!important;line-height:1.35;letter-spacing:-.4px;margin:0}
.editor-page .page-head p,.editor-page .page-head>div>a{display:none}
.editor-page .page-head>button{margin:0;font-size:12px;padding:8px 12px;min-height:40px}
.editor-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.editor-left{display:block;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.media-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;border:0;background:none;text-align:left;padding:10px 16px;font-weight:500;font-size:13px}
.media-toggle>span{min-width:0}
.media-toggle small{display:block;font-size:10px;font-weight:400;color:var(--muted)}
.media-toggle .media-chevron{margin-left:auto;font-size:20px}
.media-toggle[aria-expanded=true] .media-chevron{transform:rotate(180deg)}
.editor-media{display:none;padding:0 16px 16px}
.media-expanded .editor-media{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.editor-media .video-preview{height:260px;grid-row:1/3}
.editor-media .video-info{padding:0}
.editor-media>.card{margin-bottom:0;padding:12px!important}
.editor-page .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:0;padding:4px;background:var(--paper);border-radius:12px;margin-bottom:12px}
.editor-page .tabs a{display:flex;align-items:center;justify-content:center;min-width:0;font-size:12px;min-height:40px;padding:8px 0;border:0;border-radius:9px;text-decoration:none}
.editor-page .tabs a.active{background:var(--surface);box-shadow:0 1px 3px #23302412}
.editor-page .posting-head{padding:4px 0 14px;margin-bottom:8px;align-items:center;gap:8px}
.editor-page .posting-head>div{flex:1;min-width:0}
.editor-page .posting-head p,.editor-page .copy-guidance{display:none}
.editor-page .field{margin-bottom:18px}
.editor-page textarea[data-field=youtubeDescription],.editor-page textarea[data-field=tiktokCaption],.editor-page textarea[data-field=instagramCaption]{height:210px}
.editor-page .field-head{font-size:12px;gap:5px}
.editor-page .field-head .actions{margin-left:auto}
.editor-page .copy-button{font-size:11px;padding:6px 8px;min-height:36px}
.editor-page .savebar{margin-top:8px;padding-top:16px}
body:has(dialog[open]){overflow:hidden}
dialog{border-radius:20px;max-width:600px;padding:24px;overscroll-behavior:contain;overflow-wrap:anywhere}
.modal-head .eyebrow{display:none}
.modal-head h2{font-size:23px;line-height:1.3;margin:8px 0 0}
.modal-head{margin-bottom:18px;gap:12px}
.modal-head>div{min-width:0}
.modal-head button{min-width:40px;min-height:40px;flex-shrink:0}
@media(hover:hover){
 .workspace-nav a:hover{background:#eaece4;color:var(--ink)}
 .workspace-nav a[aria-current]:hover{background:#f4e5d9;color:var(--accent)}
 .video-card:hover{border-color:#cbd3c2;box-shadow:0 3px 12px #20302006}
 .video-cell:hover strong{color:var(--accent)}
 .video-actions button:hover,.icon-button:hover{background:#e8eddf}
 .library-views a:hover{color:var(--ink)}
}
@media(min-width:761px) and (max-width:1050px){
 .topbar-inner{padding:8px 24px;gap:14px}
 .workspace-nav a{flex-direction:column;gap:3px;font-size:10px;padding:5px 10px;min-height:48px}
 .workspace-avatar{display:none}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card-grid{grid-template-columns:1fr}
 .library-controls{gap:16px}
 .library-views{min-width:250px}
 .library-views a{padding-inline:8px}
}
@media(max-width:760px){
 .topbar{min-height:60px;border:0}
 .topbar-inner{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));gap:12px}
 .app-top-title .brand{font-size:16px}
 .app-top-title .brand img{width:27px;height:27px}
 .topbar #add-video{min-height:44px;padding:8px 12px}
 .workspace-avatar{display:none}
 .workspace-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:30;padding:6px 8px max(8px,env(safe-area-inset-bottom));background:#fffefaf2;backdrop-filter:blur(18px);border-top:1px solid var(--line)}
 .workspace-nav a{flex-direction:column;gap:4px;min-height:48px;min-width:0;font-size:10px;padding:5px 2px}
 .workspace-nav svg{width:20px;height:20px}
 .page{padding:14px 16px calc(96px + env(safe-area-inset-bottom))}
 .page h1{font-size:25px!important}
 .page-head{margin-bottom:18px}
 .page-head p{font-size:12px;line-height:1.5}
 .card{padding:16px;margin-bottom:14px}
 .card-grid,.settings-grid{grid-template-columns:1fr;gap:12px}
 .library-head{margin-bottom:16px;gap:8px}
 .library-head h1{font-size:27px!important}
 .library-controls{display:block;margin-bottom:16px}
 .library-toolbar{max-width:none;margin-bottom:12px}
 .library-toolbar .search{font-size:16px;padding:10px 12px}
 .filter-button{gap:5px;padding:8px 10px}
 .library-views{min-width:0}
 .library-views a{min-height:44px;padding:7px 5px}
 .video-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .video-heading{padding:12px 4px 10px 12px}
 .video-card .video-cell{gap:11px}
 .video-card .cover{width:59px;height:80px}
 .video-card .video-cell strong{line-height:1.4}
 .video-status-line{margin-top:7px}
 .video-actions{padding:0 12px 10px}
 .table-foot{margin-top:18px}
 .editor-page .page-head{gap:8px;margin-bottom:12px}
 .editor-page .page-head h1{font-size:20px!important}
 .editor-grid{gap:12px}
 .media-toggle{padding:10px 14px}
 .editor-media{padding:0 12px 12px}
 .media-expanded .editor-media{display:block}
 .editor-media .video-preview{height:300px;max-height:50svh}
 .editor-media .video-info{padding:18px 0}
 .editor-page .tabs a{font-size:11px;min-height:44px}
 .editor-page .field{margin-bottom:16px}
 .editor-page .field-head{font-size:11px}
 dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));margin:0;border:0;border-radius:22px 22px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -15px 60px #26302120}
 dialog::before{content:'';display:block;width:32px;height:4px;border-radius:4px;background:#d8dcd1;position:absolute;top:8px;left:calc(50% - 16px)}
 .modal-head h2{font-size:22px}
 .modal-head{margin-bottom:16px}
 #toast{bottom:calc(82px + env(safe-area-inset-bottom));box-shadow:0 6px 24px #20302025}
}
@media(prefers-reduced-motion:no-preference){
 @media(max-width:760px){dialog[open]{animation:sheet-in .18s ease-out}@keyframes sheet-in{from{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}}
}

/* Desktop keeps a scan-friendly list; phones retain the compact cards. */
@media(min-width:761px){
 .video-grid{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
 .video-card{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:14px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
 .video-card:last-child{border-bottom:0}
 .video-heading{display:contents}
 .video-card .video-cell{grid-column:1;grid-row:1;align-items:center;gap:14px}
 .video-card .cover{width:42px;height:56px;border-radius:7px}
 .video-card .video-cell>span:not(.cover){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 14px;flex:1}
 .video-card .video-cell strong{grid-column:1/-1;-webkit-line-clamp:1;margin-bottom:6px}
 .video-card .video-cell small{font-size:11px}
 .video-status-line{margin:0;gap:10px}
 .video-more{grid-column:3;grid-row:1;margin:0}
 .video-actions{grid-column:2;grid-row:1;grid-template-columns:40px repeat(2,110px);padding:0;gap:7px}
 .video-actions button{width:100%;min-height:40px;height:40px}
 .video-actions .icon-button{padding:9px}
 .video-card:hover{box-shadow:none;border-color:var(--line)}
}
@media(min-width:761px) and (max-width:1050px){
 .video-card{gap:8px;padding:12px}
 .video-card .video-cell{gap:10px}
 .video-card .video-cell>span:not(.cover){grid-template-columns:minmax(0,1fr);gap:0}
 .video-status-line{margin-top:5px}
 .video-actions{grid-template-columns:38px repeat(2,94px);gap:5px}
}
@media(min-width:761px) and (hover:hover){
 .video-card:hover{background:#fafbf5}
}

/* Keep unavailable destinations visible without offering an active upload. */
.service-notice{display:flex;align-items:center;gap:8px;color:#805d2e;background:#f5efe3;border:1px solid #e8dcc5;border-radius:10px;padding:9px 12px;margin:0 0 16px;font-size:12px;line-height:1.5}
.service-notice strong{font-weight:500}
.service-notice svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.platform-upload:disabled{cursor:not-allowed;color:var(--muted);opacity:.55}
.video-actions .platform-upload:disabled:hover{background:#f3f4ed}

/* Keep the page on the screen without creating a nested vertical scroller. */
html,body{width:100%;max-width:100%;overflow-x:clip}
#root,.layout{min-width:0;max-width:100%}
@media(max-width:760px),(any-pointer:coarse){
 html,body{touch-action:pan-y;overscroll-behavior:none}
 body{min-height:100svh}
 dialog{touch-action:pan-y;overscroll-behavior:none}
}