.browser-panel{text-align:left}
.browser-panel>h2,.browser-panel>.muted{text-align:center}
.browser-panel>.muted{margin-bottom:25px}
.browser-panel .mode{min-width:0}
.browser-panel .mode span{line-height:1.4}
.browser-panel .mode small{display:block;min-height:1.2em}
.browser-notice{margin:0 0 18px;padding:16px 18px;border:1px solid #66532b;border-radius:16px;background:#11100d;color:#dfcf9f;font-size:13px;line-height:1.65}
.browser-fps-row{display:grid;grid-template-columns:1fr minmax(190px,1.2fr);align-items:center;gap:14px;margin:0 0 18px;color:#d2c7ab;font-size:13px}
.browser-fps-row select{width:100%;padding:13px 14px;border:1px solid #4d4026;border-radius:11px;background:#0d0c0a;color:var(--text);font:inherit}
.browser-pick{position:relative;display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;border:1px dashed #6c5930;border-radius:24px;background:radial-gradient(circle,rgba(170,130,45,.08),transparent 58%);text-align:center;cursor:pointer}
.browser-pick:hover{border-color:#d1ae5c;background-color:rgba(190,150,60,.04)}
.browser-upload-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #76602f;border-radius:50%;color:var(--gold2);font-size:38px}
.browser-pick b{font:600 29px "Cormorant Garamond",Georgia,serif;color:var(--text)}
.browser-pick>span:last-child{color:#9b968c;font-size:12px;line-height:1.5}
input#videoFile{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.browser-preview{display:block;width:min(100%,600px);max-height:360px;margin:16px auto 0;border:1px solid #4f4125;border-radius:17px;background:#000;object-fit:contain}
.browser-preview[hidden]{display:none}
.browser-file-info{overflow-wrap:anywhere}
.browser-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.browser-actions .process{margin-top:18px}
.browser-secondary{margin-top:18px;padding:16px 12px;border:1px solid #61502d;border-radius:11px;background:#17150f;color:var(--gold2);font-weight:700;letter-spacing:2px;cursor:pointer}
.browser-secondary:disabled{opacity:.45;cursor:not-allowed}
.browser-status{min-height:24px;margin-top:18px;color:#d8c181;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.browser-progress{height:6px;margin-top:9px;border-radius:10px;background:#252117;overflow:hidden}
.browser-progress i{display:block;width:0;height:100%;background:var(--gold);transition:width .25s}
.browser-panel .result video{display:block;width:100%;max-height:45vh;margin-top:14px;border-radius:14px;background:#000}
.browser-panel .result .download{display:block;margin-top:12px;padding:16px;border-radius:11px;background:linear-gradient(135deg,#c7a04f,#f0d58e);color:#16120a;text-align:center;text-decoration:none;font-weight:750;letter-spacing:2px}
.browser-panel .mode:disabled{opacity:.6;cursor:wait;transform:none}
.stats #summaryFps{font-size:clamp(17px,3.4vw,28px);letter-spacing:0}
.browser-panel .mode.locked small{color:#b89951}
.browser-panel .mode.unlocked small{color:#d8c181}
.browser-panel .unlock{margin:0 0 18px}
@media(max-width:650px){
  .browser-panel{text-align:left}
  .browser-panel .mode{padding:15px 5px;border-radius:15px}
  .browser-panel .mode b{font-size:23px}
  .browser-panel .mode span{font-size:10px}
  .browser-panel .mode small{font-size:8px;letter-spacing:1px}
  .browser-notice{padding:14px;font-size:12px}
  .browser-fps-row{grid-template-columns:1fr;gap:7px}
  .browser-pick{min-height:205px;border-radius:22px}
  .browser-pick b{font-size:26px}
  .browser-actions{grid-template-columns:1fr}
}