/* Same two-column workspace layout as Facebook, with the original TikTok engine. */
body[data-view=workspace][data-tool=optimizer] .optimizer-heading{margin:36px 0 22px;text-align:center}
body[data-view=workspace] .tiktok-quota{margin:0 0 22px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;color:var(--text)}
.tiktok-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:30px}
.tiktok-layout .optimizer-shell{width:100%;max-width:none;margin:0;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0;align-self:stretch}
.tiktok-layout .optimizer-shell:before{display:none}
.tiktok-layout .drop{min-height:260px;padding:32px 20px;border-color:#626077;border-radius:12px;background:transparent}
.tiktok-layout .drop:hover,.tiktok-layout .drop.over{border-color:var(--cyan);background:#53e9f508}
.tiktok-layout .drop strong{font-size:20px;line-height:1.7;margin-top:10px}
.tiktok-layout .drop p{font-size:12px;margin:12px 0 18px;line-height:1.9;color:var(--muted)}
.tiktok-layout .upload-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--cyan)}
.tiktok-layout .choose{font-size:13px;min-height:42px;padding:9px 18px}
.tiktok-mode{margin-top:24px}
.tiktok-mode>b{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.tiktok-mode-value{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:12px}
.tiktok-layout .mode-description{margin:12px 0 0;font-size:12px;line-height:1.9;color:var(--muted)}
.tiktok-layout .privacy{font-size:11px;margin:18px 0;color:var(--muted);line-height:1.9}
.tiktok-layout .optimizer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.tiktok-layout .optimizer-actions .primary{min-width:180px;min-height:46px;font-size:14px}
.tiktok-layout .optimizer-actions .clear-file{font-size:12px;min-height:46px;padding-inline:13px}
.tiktok-layout .local-note{margin-top:18px;font-size:11px;color:var(--muted)}
.tiktok-sidebar{min-width:0;display:flex;flex-direction:column;gap:20px}
.tiktok-sidebar .status-card{margin:0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}
.tiktok-sidebar .status-card>h2{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 24px;line-height:1.7}
.tiktok-status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--cyan)}
.tiktok-sidebar #status{font-size:13px;line-height:1.9;min-height:34px;color:var(--text);margin:0 0 20px}
.tiktok-sidebar .hx-progress{margin:0 0 24px}
.tiktok-sidebar .pipeline{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:24px 0 0}
.tiktok-sidebar .pipeline li{flex:none;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;text-align:left;align-items:baseline;min-width:0;padding:0}
.tiktok-sidebar .pipeline li:before{display:none}
.tiktok-sidebar .pipeline span{grid-column:1;grid-row:1 / 3;margin:0;background:transparent;border:0;border-radius:0;width:auto;height:auto;display:block;text-align:center;color:var(--muted);font-size:12px}
.tiktok-sidebar .pipeline b{grid-column:2;font-weight:500;font-size:12px;color:var(--muted)}
.tiktok-sidebar .pipeline small{grid-column:2;display:block;margin-top:2px;font-size:10px;color:var(--muted)}
.tiktok-sidebar .pipeline .current span,.tiktok-sidebar .pipeline .current b,.tiktok-sidebar .pipeline .complete span{color:var(--cyan)}
.tiktok-sidebar .cancel{width:100%;margin:0 0 4px;font-size:12px}
.tiktok-sidebar .tiktok-result-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.tiktok-sidebar .tiktok-result-card:has(#result[hidden]){display:none}
.tiktok-sidebar #emptyresult{display:none}
.tiktok-sidebar .tiktok-result-card>h2,.tiktok-sidebar .tiktok-result-card>.subtitle{display:none}
.tiktok-sidebar #result h3{font-size:18px;line-height:1.7}
.tiktok-sidebar .result-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.tiktok-sidebar .result-actions a,.tiktok-sidebar .result-actions button{width:100%;justify-content:center;text-align:center;font-size:12px;min-height:42px}
.tiktok-sidebar .tiktok-side-note{padding:0 8px;font-size:12px;color:var(--muted);min-width:0}
.tiktok-side-note>b{color:var(--text);font-size:13px;font-weight:600}
.tiktok-side-note p{margin:10px 0;line-height:1.9}
.tiktok-layout .stats{gap:12px}.tiktok-layout .stats>div{min-width:95px}
body[data-tool=analyzer] .tiktok-layout,body[data-tool=analyzer] .tiktok-quota{display:none}
@media(max-width:760px){.tiktok-layout{grid-template-columns:1fr;gap:22px}.tiktok-layout .optimizer-shell,.tiktok-sidebar .status-card{padding:20px}.tiktok-layout .drop{padding:28px 16px;min-height:245px}.tiktok-layout .drop strong{font-size:19px}.tiktok-layout .optimizer-actions .primary{min-width:150px}.tiktok-sidebar .pipeline{gap:13px}.tiktok-sidebar .tiktok-result-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.tiktok-layout *{scroll-behavior:auto!important}}
