.gif-main{max-width:1400px;margin:auto}.gif-grid{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:24px;align-items:start}.gif-controls{padding:24px}.gif-controls h2,.gif-previews h2{font-size:1.1rem;margin:0 0 16px}.gif-drop{border:2px dashed var(--line);border-radius:12px;padding:24px 16px;text-align:center}.gif-drop p{margin:12px 0 6px}.gif-drop small{color:var(--muted);line-height:1.6}.gif-previews{display:grid;gap:24px;min-width:0}.gif-stage{background:#0e1522;min-height:210px;display:flex;align-items:center;justify-content:center;padding:16px}.gif-stage video,.gif-stage img{display:block;max-width:100%;max-height:380px}.gif-stage p{color:#b8c5d9;text-align:center}.gif-controls fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:22px 0}.gif-controls legend{font-size:1.1rem;font-weight:700;padding:0 0 14px}.gif-controls input[type=range]{width:100%;margin:12px 0 20px}.gif-quality{margin-top:24px}.gif-actions{display:flex;gap:10px;margin-top:22px}.gif-controls progress{width:100%;margin-top:18px;accent-color:var(--blue)}#status{font-size:.85rem;line-height:1.6}#file-info{overflow-wrap:anywhere}.gif-controls .hint{line-height:1.6}a[aria-current=page]{outline:2px solid var(--blue);outline-offset:1px}#result-info{overflow-wrap:anywhere}.gif-main [hidden]{display:none!important}fieldset:disabled{opacity:.5}.gif-controls output{float:right}.gif-previews .preview-heading h2{margin:0}.gif-previews .preview-footer{flex-wrap:wrap;gap:12px}@media(max-width:850px){.gif-grid{grid-template-columns:1fr}.gif-controls{padding:20px}.gif-stage video,.gif-stage img{max-height:300px}.header-actions a{font-size:.75rem}.gif-main .page-heading{align-items:flex-start;gap:16px}}