main{max-width:1120px;margin:auto;padding:32px 24px}.hero{padding:18px 0 36px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--moss)}h2{font-size:clamp(28px,5vw,46px);line-height:1.35;margin:14px 0}h2 em{font-style:normal;color:var(--verm)}.hero p,.note,details,footer{color:var(--ink-soft);font-size:13px}.layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);min-width:0}h3{font-size:16px;margin:0 0 20px}.drop{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:22px 14px;border:1px dashed var(--moss);border-radius:12px;background:#e7eee3;cursor:pointer;overflow-wrap:anywhere}.drop.drag{background:#d7e9cd}.drop span,.drop small{font-size:12px}.drop .upload-icon{font-size:30px}.drop input{width:100%;font-size:12px}.options{display:flex;gap:12px;margin:22px 0}.options label{font-size:12px;flex:1;min-width:0}.options select{width:100%;margin-top:8px;padding:10px 6px;font:inherit}#start{width:100%;min-height:46px}#cancel{margin-top:10px}progress{width:100%;margin-top:20px;accent-color:var(--moss)}#status,#result-status{font-size:13px;line-height:1.7;margin-top:15px;overflow-wrap:anywhere}details{border-top:1px dashed var(--line);margin-top:20px;padding-top:14px}summary{cursor:pointer}details p{margin-top:10px;line-height:1.8}.output{display:flex;flex-direction:column}.output-heading{display:flex;justify-content:space-between;gap:12px}#duration{font-size:12px;color:var(--ink-soft)}textarea{width:100%;flex:1;min-height:320px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--paper);font:15px/1.9 var(--font-body);color:var(--ink);box-sizing:border-box}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.actions button{font-size:12px;min-height:40px}button:disabled{opacity:.5;cursor:default}footer{text-align:center;line-height:1.8;margin:36px 0 10px}footer a{text-decoration:underline}[hidden]{display:none!important}@media(max-width:760px){.layout{grid-template-columns:1fr}main{padding:20px 16px}.panel{padding:18px}.topbar .tag{display:none}.hero{padding-bottom:24px}}

.source-label{display:block;font-weight:600;margin:12px 0 8px}.source-label select,#url{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #d8d3c8;border-radius:10px;background:#fff;font:inherit;margin-top:8px}#video-info{font-size:14px;line-height:1.6;overflow-wrap:anywhere}[hidden]{display:none!important}