:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172630;--ink-muted:#4e616a;--line:#d5e1e2;--accent:#00665e;--accent-soft:#e4f2ee;background:#f2f5f5;font-family:system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:2;color:var(--accent);background:#fff;border-radius:.45rem;padding:.6rem .9rem;font-weight:650;position:absolute;inset:.75rem auto auto .75rem;transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:none}.app-shell{grid-template-columns:14rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-inline-end:1px solid var(--line);background:#fff;align-self:start;height:100dvh;padding:1.5rem .9rem;position:sticky;inset-block-start:0;overflow-y:auto}.site-brand{color:var(--accent);align-items:center;gap:.6rem;margin:0 0 1.65rem;padding-inline:.55rem;font-size:1.15rem;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:.5rem;flex:none;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid}.sidebar-nav{gap:1.3rem;display:grid}.nav-group-title{color:var(--ink-muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .35rem;padding-inline:.55rem;font-size:.75rem;font-weight:750}.nav-items{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.nav-link{min-height:2.65rem;color:inherit;border:1px solid #0000;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.35rem;padding:.45rem .5rem;font-size:.9rem;text-decoration:none;display:flex}.nav-link-label{overflow-wrap:anywhere;min-width:0}.nav-link:hover{background:#f2f5f5}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:#b8dbd4;font-weight:700}.nav-link-note{color:var(--ink-muted);background:#edf1f2;border-radius:.3rem;flex-shrink:0;padding:.1rem .32rem;font-size:.68rem;font-weight:650}.app-main{width:min(100%,76rem);min-width:0;margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3rem)}.page-header{margin-block-end:1.5rem}.page-category{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:750}.page-description{max-width:64ch;color:var(--ink-muted);margin:.55rem 0 0;line-height:1.5}.analytics-preference{border-block-start:1px solid var(--line);color:var(--ink-muted);margin-block-start:2rem;padding-block-start:.9rem;font-size:.85rem;line-height:1.5}.analytics-preference label{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.analytics-preference input{accent-color:var(--accent);margin:0}.analytics-preference p{margin:.2rem 0 0}h1{margin:0;font-size:clamp(1.85rem,3.5vw,2.7rem);line-height:1.12}h2{margin:0;font-size:1.15rem}h3{margin:1.5rem 0 .4rem;font-size:1rem}.picker,.panel{border:1px solid var(--line);background:#fff;border-radius:.85rem}.picker{margin-bottom:1rem;padding:1.1rem 1.25rem}.picker.is-dragging{border-color:var(--accent);outline:2px dashed var(--accent);outline-offset:-5px;background:var(--accent-soft)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.picker label{color:#fff;background:var(--accent);cursor:pointer;border-radius:.5rem;padding:.55rem .9rem;font-weight:650;display:inline-block}.picker input:focus-visible+label{outline:2px solid var(--accent);outline-offset:4px}.picker p{overflow-wrap:anywhere;color:var(--ink-muted);margin:.55rem 0 0;font-size:.88rem}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.panel{min-width:0;padding:1.2rem}.panel-header{margin-bottom:.9rem}.status{min-height:1.35em;color:var(--ink-muted);margin:.35rem 0 0;font-size:.9rem}.status[data-state=error]{color:#9d302c}.status[data-state=ready]{color:var(--accent)}.preview-stage{color:#e0ecee;background:#182b32;border-radius:.55rem;place-items:center;min-height:10rem;display:grid;overflow:hidden}.preview-stage p{text-align:center;margin:1rem}video{width:100%;max-height:29rem;display:block}.audio-preview-stage{padding:1rem}.audio-preview-stage audio{width:min(100%,28rem);display:block}.preview-stage img{object-fit:contain;max-width:100%;max-height:29rem;display:block}.results{overflow-wrap:anywhere}.results dl{margin:0}.results dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(5.5rem,.7fr) minmax(0,1.4fr);gap:.7rem;padding:.45rem 0;display:grid}.results dt{color:var(--ink-muted)}.results dd{font-variant-numeric:tabular-nums;margin:0}.results ul{margin:0;padding-left:1.2rem}.results li+li{margin-top:.4rem}.results p{color:var(--ink-muted);margin:0}.file-sizes{flex-wrap:wrap;gap:.25rem .85rem;display:flex}.file-sizes>span{max-inline-size:100%}.track-group{margin-top:1.5rem}.track-group h3{margin:0 0 .55rem}.track-details{border:1px solid var(--line);background:#f7fafa;border-radius:.55rem;padding:.6rem .8rem}.track-details+.track-details{margin-top:.65rem}.track-details h4{margin:0 0 .25rem;font-size:.9rem}.track-details dl>div:first-child{border-top:0}.tool-placeholder{max-width:40rem}.tool-placeholder p{max-width:58ch;color:var(--ink-muted);margin:.65rem 0 0;line-height:1.5}.tool-placeholder a{color:var(--accent);text-underline-offset:.18em;margin-block-start:.8rem;font-weight:650;display:inline-block}.conversion-options{margin-bottom:1rem}.conversion-controls{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.conversion-field{gap:.35rem;min-width:min(100%,13rem);display:grid}.conversion-field label{font-weight:650}.conversion-field select{max-width:100%;min-height:2.6rem;color:inherit;font:inherit;background:#fff;border:1px solid #9aadb0;border-radius:.5rem;padding:.4rem .6rem}.conversion-action{background:var(--accent);color:#fff;min-height:2.6rem;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.45rem .9rem;font-weight:650;text-decoration:none;display:inline-flex}.conversion-action:not(:disabled):hover{background:#00544e}.conversion-action:disabled,.conversion-field select:disabled{opacity:.6;cursor:default}.conversion-action:focus-visible,.conversion-field select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.conversion-notes{color:var(--ink-muted);margin-top:.7rem;font-size:.88rem;line-height:1.45}.conversion-notes p{margin:.2rem 0 0}.conversion-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-previews .preview-stage,.crop-workspace .preview-stage{background:conic-gradient(#e5ebec 25%, #f5f7f7 0 50%, #e5ebec 0 75%, #f5f7f7 0) 0 0 / 1rem 1rem;color:var(--ink-muted)}.conversion-details,.conversion-download{margin-top:.85rem}.conversion-previews.transcode-previews .preview-stage{color:#e0ecee;background:#182b32}.conversion-action.transcode-cancel{border-color:var(--accent);color:var(--accent);background:0 0}.conversion-action.transcode-cancel:hover{background:#e5ebec}.transcode-progress{width:100%;height:.8rem;accent-color:var(--accent);margin-top:.75rem;display:block}.resize-field,.transform-angle{width:8rem;min-width:min(100%,8rem);max-width:100%}.resize-field input,.transform-angle input{width:100%;min-width:0;min-height:2.6rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #9aadb0;border-radius:.5rem;padding:.4rem .6rem}.resize-lock,.transform-flip{cursor:pointer;align-items:center;gap:.45rem;min-height:2.6rem;font-size:.9rem;font-weight:650;display:inline-flex}.resize-lock input,.transform-flip input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin:0}.resize-lock input:focus-visible,.resize-field input:focus-visible,.transform-flip input:focus-visible,.transform-angle input:focus-visible,.transform-turns button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resize-field input[aria-invalid=true],.transform-angle input[aria-invalid=true]{border-color:#9d302c}.resize-validation,.transform-validation{color:#9d302c;margin:.65rem 0 0;font-size:.88rem;line-height:1.45}.resize-previews .preview-stage,.transform-previews .preview-stage,.compress-previews .preview-stage{padding:.8rem}.resize-previews .preview-stage img,.transform-previews .preview-stage img,.compress-previews .preview-stage img{width:100%;max-height:22rem}.transform-turns{gap:.35rem;display:flex}.transform-turns button{min-height:2.6rem;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #9aadb0;border-radius:.5rem;padding:.45rem .7rem;font-weight:650}.transform-turns button:not(:disabled):hover{background:var(--accent-soft)}.transform-turns button:disabled{opacity:.6;cursor:default}.compress-quality{width:min(100%,19rem)}.compress-quality-label{justify-content:space-between;gap:.6rem;display:flex}.compress-quality-label span{font-variant-numeric:tabular-nums}.compress-quality input{width:100%;min-height:2.6rem;accent-color:var(--accent);margin:0}.compress-quality input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.image-filter-panel+.image-filter-panel{margin-top:1rem}.image-filter-overview-stage,.image-filter-pixel-view{background:conic-gradient(#e5ebec 25%, #f5f7f7 0 50%, #e5ebec 0 75%, #f5f7f7 0) 0 0 / 1rem 1rem;border-radius:.55rem}.image-filter-overview-stage{grid-template-columns:minmax(0,1fr);place-items:center;min-height:5rem;padding:.65rem;display:grid}.image-filter-overview-frame{width:min(100%, calc(18rem * var(--image-filter-ratio,1)));aspect-ratio:var(--image-filter-ratio,1);position:relative;overflow:hidden}.image-filter-overview-frame.can-move-region{cursor:crosshair}.image-filter-overview-frame img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.image-filter-region-outline{outline-offset:-1px;pointer-events:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #172630,0 0 0 100vmax #07171e7a}.image-filter-region-controls{margin-top:.7rem}.image-filter-region-controls p,.image-filter-note{color:var(--ink-muted);margin:.45rem 0;font-size:.88rem;line-height:1.45}.image-filter-region-fields,.image-filter-previews{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.8rem;display:grid}.image-filter-region-fields label,.image-filter-strength{font-size:.9rem;font-weight:650}.image-filter-strength{width:min(100%,19rem)}.image-filter-strength-label{justify-content:space-between;gap:.6rem;display:flex}.image-filter-strength-label span,.image-filter-region-label{font-variant-numeric:tabular-nums}.image-filter-region-fields input,.image-filter-strength input{width:100%;min-height:2.6rem;accent-color:var(--accent);margin:0;display:block}.image-filter-panel input:focus-visible,.image-filter-pixel-view:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.image-filter-previews h3{margin:.35rem 0 .5rem}.image-filter-pixel-view{padding:.55rem;overflow:auto}.image-filter-pixel-view canvas{margin-inline:auto;display:block}.image-filter-pixel-view[aria-busy=true] canvas{visibility:hidden}.image-filter-export-actions{flex-wrap:wrap;gap:.7rem;margin-top:.85rem;display:flex}.crop-workspace{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.crop-stage{padding:1rem}.crop-result-stage{padding:.8rem}.crop-result-stage img{width:100%;max-height:26rem}.crop-surface{width:min(100%, calc(29rem * var(--crop-ratio,1)));aspect-ratio:var(--crop-ratio,1);position:relative}.crop-surface img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:none;position:absolute;inset:0}.crop-selection{outline-offset:-1px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 100vmax #07171e8f}.crop-selection.is-dragging{cursor:grabbing}.crop-selection:focus-visible{outline:3px solid #42eee1}.crop-selection [data-edge]{place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.crop-selection [data-edge]:after{content:"";border:1px solid var(--accent);background:#fff;border-radius:.16rem;width:.72rem;height:.72rem}.crop-selection [data-edge=nw]{cursor:nwse-resize;top:0;left:0}.crop-selection [data-edge=n]{cursor:ns-resize;top:0;left:50%}.crop-selection [data-edge=ne]{cursor:nesw-resize;top:0;left:100%}.crop-selection [data-edge=e]{cursor:ew-resize;top:50%;left:100%}.crop-selection [data-edge=se]{cursor:nwse-resize;top:100%;left:100%}.crop-selection [data-edge=s]{cursor:ns-resize;top:100%;left:50%}.crop-selection [data-edge=sw]{cursor:nesw-resize;top:100%;left:0}.crop-selection [data-edge=w]{cursor:ew-resize;top:50%;left:0}.crop-controls{margin-top:.8rem}.crop-controls p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.crop-coordinates{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;min-width:0;margin:.9rem 0;padding:0;display:grid}.crop-coordinates legend{margin-bottom:.45rem;padding:0;font-weight:650}.crop-coordinates label{color:var(--ink-muted);gap:.28rem;font-size:.88rem;display:grid}.crop-coordinates input,.crop-reset{min-height:2.6rem;color:inherit;font:inherit;background:#fff;border:1px solid #9aadb0;border-radius:.5rem;padding:.4rem .55rem}.crop-coordinates input{color:#172630;font-variant-numeric:tabular-nums;width:100%}.crop-reset{cursor:pointer;padding-inline:.9rem;font-weight:650}.crop-reset:hover{background:var(--accent-soft)}.crop-coordinates input:focus-visible,.crop-reset:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.crop-actions{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}@media (width<=980px){.workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{border-inline-end:0;border-block-end:1px solid var(--line);height:auto;padding:.9rem .8rem;position:static}.site-brand{margin-bottom:.8rem}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}}@media (width<=350px){.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.results dl>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}@media (width<=450px){.crop-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}}