:root{--bg:#fff;--field:#fff;--soft:#f5f7fb;--line:#d9dee8;--text:#172033;--muted:#667085;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}*{box-sizing:border-box}.app-shell{background:var(--line);grid-template-columns:minmax(0,1fr) 360px;gap:1px;min-height:100vh;display:grid}.tool-panel,.side-panel{background:var(--bg)}.tool-panel{flex-direction:column;gap:24px;padding:44px;display:flex}.side-panel{flex-direction:column;gap:34px;padding:32px;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--text);text-transform:uppercase;letter-spacing:0;margin:0 0 6px;font-size:28px;font-weight:820;line-height:1}.byline{color:var(--muted);letter-spacing:0;margin:0 0 14px;font-size:14px;font-weight:700}h1,h2,p{margin:0}h1{color:var(--text);font-size:42px;font-weight:720;line-height:1.05}h2{color:var(--text);font-size:18px;line-height:1.25}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.icon-button{background:var(--soft);width:42px;height:42px;color:var(--text);border-radius:8px;font-size:20px}.status-strip{border:1px solid var(--line);border-left-width:5px;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.status-strip.ready{border-left-color:#188a42}.status-strip.degraded{border-left-color:#c2410c}.status-strip div{flex-direction:column;gap:4px;min-width:0;display:flex}.status-strip strong{color:var(--text)}.status-strip span,.status-strip small,.muted{color:var(--muted)}.status-strip span{overflow-wrap:anywhere}.download-form{flex-direction:column;gap:12px;display:flex}label{color:var(--text);font-weight:650}.url-row{grid-template-columns:minmax(0,1fr) 158px;gap:10px;display:grid}input{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--field);border-radius:8px;padding:13px 14px}.url-row button,.primary-action{color:#fff;background:#1d4ed8;border-radius:8px;font-weight:700}.format-row{border:1px solid var(--line);background:var(--soft);border-radius:8px;grid-template-columns:repeat(2,92px);width:fit-content;padding:4px;display:grid}.format-row button{height:38px;color:var(--muted);background:0 0;border-radius:6px;font-weight:700}.format-row .selected{background:var(--bg);color:var(--text);box-shadow:0 1px 4px #0f172a24}.save-note{color:var(--muted);font-size:14px;line-height:1.45}.video-result{border:1px solid var(--line);border-radius:8px;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:16px;padding:12px;display:grid}.video-result img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:168px}.video-result p{color:var(--muted);margin-top:8px}.message{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.message.success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.progress-panel{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.progress-panel div{color:var(--text);justify-content:space-between;gap:14px;display:flex}.progress-panel progress{accent-color:#1d4ed8;width:100%;height:12px}.progress-panel small{color:var(--muted)}.primary-action{width:100%;height:52px;font-size:16px}.secondary-action{border:1px solid var(--line);background:var(--soft);width:100%;min-height:42px;color:var(--text);border-radius:8px;margin-top:12px;font-weight:700}.check-list{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.check-list li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;gap:14px;padding:12px;display:flex}.check-list li:before{content:"";background:#dc2626;border-radius:999px;flex:none;width:10px;height:10px;margin-top:7px}.check-list li.pass:before{background:#16a34a}.check-list span{color:var(--muted);flex:1}.check-list strong{color:var(--text);text-align:right}@media (width<=860px){.app-shell{grid-template-columns:1fr}.tool-panel,.side-panel{padding:24px}h1{font-size:32px}.url-row{grid-template-columns:1fr}.url-row button{height:46px}.video-result{grid-template-columns:1fr}.video-result img{width:100%}}