@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lato-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lato-latin-ext-700-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lato-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/lato-latin-ext-900-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/lato-latin-900-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-mono-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius-control:2px;--primary:#0e7c0e;--on-primary:#fff;--primary-soft:#0e7c0e14;--on-primary-soft:#053703;--surface:#fcfef9;--surface-low:#f7f9f4;--surface-container:#f3f5f0;--surface-container-high:#eceee9;--panel:#fff;--on-surface:#1d211a;--on-surface-variant:#3d3e39;--outline:#5e605a;--outline-variant:#93958f;--divider:#e1e3de;--error:#b3261e;--on-error:#fff;--tertiary-container:#ffe400;--on-tertiary-container:#2c2701;--stage:#e6e8e3;--stage-check:#e1e3de;--badge:#1d211a;--on-badge:#fff;--toast:#30342d;--on-toast:#f5f7f2;--crop-line:#01ff00;--focus:#0e7c0e;--shadow:0 8px 24px #0000002e;--font-ui:"Lato", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#a4f304;--on-primary:#283c01;--primary-soft:#a4f3041a;--on-primary-soft:#a4f304;--surface:#141811;--surface-low:#181c15;--surface-container:#21251e;--surface-container-high:#2b2f28;--panel:#1b1f18;--on-surface:#e6e6e3;--on-surface-variant:#d2d3cd;--outline:#9b9c98;--outline-variant:#55564f;--divider:#2b2f28;--tertiary-container:#504700;--on-tertiary-container:#ffe400;--stage:#0c0f0a;--stage-check:#151912;--badge:#e6e6e3;--on-badge:#141811;--toast:#2b2f28;--on-toast:#e6e6e3;--focus:#a4f304;--shadow:0 8px 24px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#a4f304;--on-primary:#283c01;--primary-soft:#a4f3041a;--on-primary-soft:#a4f304;--surface:#141811;--surface-low:#181c15;--surface-container:#21251e;--surface-container-high:#2b2f28;--panel:#1b1f18;--on-surface:#e6e6e3;--on-surface-variant:#d2d3cd;--outline:#9b9c98;--outline-variant:#55564f;--divider:#2b2f28;--tertiary-container:#504700;--on-tertiary-container:#ffe400;--stage:#0c0f0a;--stage-check:#151912;--badge:#e6e6e3;--on-badge:#141811;--toast:#2b2f28;--on-toast:#e6e6e3;--focus:#a4f304;--shadow:0 8px 24px #00000080}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface);color:var(--on-surface);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}a{color:var(--primary)}button,input,select{font:inherit;color:inherit}kbd,code{font-family:var(--font-mono);font-size:12px}kbd{border-radius:var(--radius-control);background:var(--surface-container-high);color:var(--on-surface);padding:1px 6px;display:inline-block}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}svg{flex-shrink:0}.btn{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;line-height:1;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--outline{border-color:var(--outline-variant);background:var(--panel);color:var(--on-surface)}.btn--outline:hover:not(:disabled){background:var(--surface-container)}.btn--outline[aria-pressed=true]{border-color:var(--outline);background:var(--surface-container-high);font-weight:700}.btn--primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary);font-weight:700}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--primary kbd{color:inherit;opacity:.9;background:0 0;margin-left:4px;padding:0;font-weight:400}.btn--lg{height:46px;padding:0 22px;font-size:15px}.icon-btn{border:1px solid var(--outline-variant);border-radius:var(--radius-control);width:36px;height:36px;color:var(--on-surface);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-container)}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand__logo{border-radius:var(--radius-control);background:var(--primary);width:30px;height:30px;color:var(--on-primary);justify-content:center;align-items:center;display:inline-flex}.brand__name{letter-spacing:-.2px;font-size:18px;font-weight:900}.brand__by{color:var(--on-surface-variant);font-size:13px}.privacy-note{color:var(--on-surface-variant);align-items:center;gap:6px;margin:0 auto;font-size:13px;display:flex}.privacy-note svg{color:var(--primary)}.topbar__actions{align-items:center;gap:12px;margin-left:auto;display:flex}.privacy-note+.topbar__actions{margin-left:0}.topbar__shortcuts kbd{margin-left:2px}.lang-switch{border:1px solid var(--outline-variant);border-radius:var(--radius-control);height:36px;display:flex;overflow:hidden}.lang-switch a{color:var(--on-surface);align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.lang-switch a[aria-current=page]{background:var(--primary);color:var(--on-primary);font-weight:700}.lang-switch a:focus-visible{outline-offset:-3px}.main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dropzone{border:2px dashed var(--outline-variant);background:var(--surface-low);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:min(1120px,100% - 32px);min-height:360px;margin:32px auto;padding:32px 16px;display:flex}.dropzone.is-dragging{border-color:var(--primary);background:var(--primary-soft)}.dropzone__icon{color:var(--primary);display:flex}.dropzone__title{font-size:24px;font-weight:700}.dropzone__hint{color:var(--on-surface-variant);font-size:16px}.dropzone__hint kbd{font-size:13px}.dropzone__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.dropzone__formats{color:var(--on-surface-variant);font-size:13px}.app--working{height:100vh;height:100dvh}.workspace{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:120px minmax(0,1fr) 340px;min-height:0;display:grid}.queue{border-right:1px solid var(--divider);background:var(--surface-low);flex-direction:column;gap:10px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.queue__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.queue-item{position:relative}.queue-item.drop-before:before,.queue-item.drop-after:after{content:"";background:var(--primary);height:2px;position:absolute;left:0;right:0}.queue-item.drop-before:before{top:-6px}.queue-item.drop-after:after{bottom:-6px}.queue-item__select{border:1px solid var(--outline-variant);border-radius:var(--radius-control);background:var(--panel);cursor:pointer;width:100%;height:64px;padding:4px;display:block;position:relative}.queue-item.is-active .queue-item__select{border:2px solid var(--primary);padding:3px}.queue-item__thumb{object-fit:cover;object-position:top left;background:var(--surface-container-high);width:100%;height:100%;display:block}.queue-item__number,.queue-item__status,.queue-item__own{border-radius:var(--radius-control);min-width:18px;height:18px;font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 4px;font-size:11px;display:inline-flex;position:absolute;bottom:4px}.queue-item__number{background:var(--badge);color:var(--on-badge);left:4px}.queue-item.is-active .queue-item__number{background:var(--primary);color:var(--on-primary)}.queue-item__status{right:4px}.queue-item__status--saved{background:var(--primary);color:var(--on-primary)}.queue-item__status--edited{background:var(--on-surface-variant);width:10px;min-width:10px;height:10px;padding:0;bottom:8px;right:8px}.queue-item__own{background:var(--surface-container-high);color:var(--on-surface);left:26px}.queue-item__remove{border:1px solid var(--outline-variant);border-radius:var(--radius-control);background:var(--panel);width:24px;height:24px;color:var(--on-surface);cursor:pointer;opacity:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-6px;right:-6px}.queue-item:hover .queue-item__remove,.queue-item:focus-within .queue-item__remove,.queue-item__remove:focus-visible{opacity:1}.queue__add{border:1.5px dashed var(--outline-variant);border-radius:var(--radius-control);height:56px;color:var(--on-surface-variant);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:13px;display:flex}.batchbar{border-top:1px solid var(--divider);background:var(--surface-low);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;min-height:56px;padding:8px 20px;display:flex}.batchbar__summary{color:var(--on-surface-variant);flex-wrap:wrap;gap:4px 10px;margin-right:auto;font-size:13px;display:flex}.batchbar__summary strong{color:var(--on-surface);font-size:14px}.batchbar__actions,.batchbar__progress{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.batchbar__dest{color:var(--on-surface-variant);font-size:13px}.batchbar__progress label{font-family:var(--font-mono);font-size:13px}.batchbar__progress progress{appearance:none;border:1px solid var(--outline-variant);background:var(--surface-container-high);border-radius:0;width:200px;height:8px}.batchbar__progress progress::-webkit-progress-bar{background:var(--surface-container-high)}.batchbar__progress progress::-webkit-progress-value{background:var(--primary)}.batchbar__progress progress::-moz-progress-bar{background:var(--primary)}.btn--accent{border-color:var(--primary);color:var(--primary);font-weight:700}.btn--accent kbd{color:inherit;background:0 0;margin-left:4px;padding:0;font-weight:400}.btn--small{height:32px;font-size:13px}.editor{flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.toolbar__spacer{flex:1}.toolbar__divider{background:var(--divider);width:1px;height:24px}.toolbar__zoom{min-width:44px;font-family:var(--font-mono);color:var(--on-surface-variant);text-align:right;font-size:13px}.tabs{border-radius:var(--radius-control);background:var(--surface-container-high);padding:2px;display:flex}.tabs__tab{border-radius:var(--radius-control);height:30px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 14px;font-size:14px}.tabs__tab[aria-selected=true]{background:var(--panel);color:var(--on-surface);border-color:var(--outline-variant);font-weight:700}.stage{background-color:var(--stage);background-image:linear-gradient(45deg, var(--stage-check) 25%, transparent 25%, transparent 75%, var(--stage-check) 75%), linear-gradient(45deg, var(--stage-check) 25%, transparent 25%, transparent 75%, var(--stage-check) 75%);background-position:0 0,12px 12px;background-size:24px 24px;flex:1;min-height:0;position:relative;overflow:hidden}.stage__layer{position:absolute;inset:0}.stage__layer.is-hidden{visibility:hidden}.stage__drop{border:2px dashed var(--primary);background:color-mix(in srgb, var(--surface) 80%, transparent);pointer-events:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:12px}.stage-hint{border-top:1px solid var(--divider);height:48px;color:var(--on-surface-variant);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:flex}.compare{position:absolute;inset:0}.compare__scroller{display:flex;position:absolute;inset:0;overflow:auto}.compare__scroller:focus-visible{outline-offset:-3px}.compare__content{flex-shrink:0;margin:auto;position:relative}.compare__original{position:absolute;inset:0;overflow:hidden}.compare__original img{transform-origin:0 0;max-width:none;display:block}.compare__result{display:block;position:absolute;inset:0}.compare__result.is-stale{opacity:.6}.compare__handle{background:var(--primary);cursor:ew-resize;touch-action:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.compare__knob{border-radius:var(--radius-control);background:var(--primary);width:36px;height:36px;color:var(--on-primary);justify-content:center;align-items:center;margin:-18px 0 0 -18px;display:flex;position:absolute;top:50%;left:50%}.compare__handle:focus-visible{outline:none}.compare__handle:focus-visible .compare__knob{outline:3px solid var(--focus);outline-offset:2px}.compare__label{border-radius:var(--radius-control);background:var(--badge);color:var(--on-badge);font-family:var(--font-mono);pointer-events:none;padding:4px 8px;font-size:12px;position:absolute;bottom:12px}.compare__label--original{left:12px}.compare__label--result{right:12px}.crop-area{position:absolute;inset:24px 24px 48px}.crop-area:focus-visible{outline-offset:6px}.crop-area__img{max-width:100%;display:block}.crop-area .cropper-modal{opacity:.55;background-color:#141811}.crop-area .cropper-view-box{outline:2px solid var(--crop-line);outline-color:var(--crop-line)}.crop-area .cropper-line{background-color:var(--crop-line)}.crop-area .cropper-dashed{border-color:#fff9}.crop-area .cropper-point{opacity:1;background-color:#fff;border:2px solid #0e7c0e;width:12px;height:12px}.crop-area .cropper-point.point-n,.crop-area .cropper-point.point-s{margin-left:-6px}.crop-area .cropper-point.point-e,.crop-area .cropper-point.point-w{margin-top:-6px}.crop-area .cropper-point.point-nw,.crop-area .cropper-point.point-n,.crop-area .cropper-point.point-ne{top:-7px}.crop-area .cropper-point.point-sw,.crop-area .cropper-point.point-s,.crop-area .cropper-point.point-se{bottom:-7px}.crop-area .cropper-point.point-nw,.crop-area .cropper-point.point-w,.crop-area .cropper-point.point-sw{left:-7px}.crop-area .cropper-point.point-ne,.crop-area .cropper-point.point-e,.crop-area .cropper-point.point-se{right:-7px}.crop-area .cropper-point.point-se{width:12px;height:12px}.crop-area .cropper-disabled .cropper-canvas img{cursor:default}.crop-area .cropper-disabled .cropper-point,.crop-area .cropper-disabled .cropper-line{display:none}.crop-badge{z-index:5;pointer-events:none;gap:6px;display:flex;position:absolute}.crop-badge__size,.scale-badge{border-radius:var(--radius-control);font-family:var(--font-mono);white-space:nowrap;padding:4px 8px;font-size:12px;line-height:1.4}.crop-badge__size{background:var(--badge);color:var(--on-badge)}.scale-badge--exact{background:var(--primary);color:var(--on-primary)}.scale-badge--down,.scale-badge--up{background:var(--tertiary-container);color:var(--on-tertiary-container)}.result-view{position:absolute;inset:0}.result-view__scroller{padding:24px 24px 48px;display:grid;position:absolute;inset:0;overflow:hidden}.result-view[data-zoom=actual] .result-view__scroller{cursor:grab;overflow:auto}.result-view__scroller.is-panning{cursor:grabbing}.result-view__scroller:focus-visible{outline-offset:-3px}.result-view__img{max-width:none;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;margin:auto;display:block}.result-view__img.is-stale{opacity:.6}.result-view__label{border-radius:var(--radius-control);background:var(--badge);max-width:calc(100% - 24px);color:var(--on-badge);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;left:12px;overflow:hidden}.result-view__status{border-radius:var(--radius-control);background:var(--toast);color:var(--on-toast);font-family:var(--font-mono);padding:4px 8px;font-size:12px;position:absolute;top:16px;right:16px}.panel{border-left:1px solid var(--divider);background:var(--panel);flex-direction:column;gap:16px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.section-label{letter-spacing:.6px;text-transform:uppercase;color:var(--on-surface-variant);padding:0;font-size:12px;font-weight:700}.select{border:1px solid var(--outline-variant);border-radius:var(--radius-control);background:var(--panel);height:40px;padding:0 10px;font-size:14px}.scale-note,.warning{color:var(--on-surface-variant);align-items:flex-start;gap:6px;font-size:12px;line-height:16px;display:flex}.scale-note svg,.warning svg{margin-top:2px}.scale-note--exact svg{color:var(--primary)}.check{color:var(--on-surface-variant);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:16px;height:16px;accent-color:var(--primary)}.segmented{border:1px solid var(--outline-variant);border-radius:var(--radius-control);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.segmented__item{display:flex;position:relative}.segmented__item+.segmented__item{border-left:1px solid var(--outline-variant)}.segmented__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__label{flex:1;justify-content:center;align-items:center;height:36px;font-size:13px;display:flex}.segmented__input:checked+.segmented__label{background:var(--primary);color:var(--on-primary);font-weight:700}.segmented__input:focus-visible+.segmented__label{outline:3px solid var(--focus);outline-offset:-3px}.quality{flex-direction:column;gap:6px;margin-top:4px;display:flex}.quality__head{color:var(--on-surface-variant);justify-content:space-between;font-size:13px;display:flex}.quality__value{font-family:var(--font-mono);color:var(--on-surface)}.quality input[type=range]{width:100%;accent-color:var(--primary)}.hint{color:var(--on-surface-variant);font-size:13px}.result-card{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);flex-direction:column;gap:4px;padding:14px 0;display:flex}.result-card__numbers{align-items:baseline;gap:10px;display:flex}.result-card__size{font-family:var(--font-mono);font-size:34px;font-weight:500;line-height:1.1}.result-card__change{font-family:var(--font-mono);color:var(--primary);font-size:14px;font-weight:500}.result-card__change[data-direction=up]{color:var(--on-surface)}.result-card__meta,.result-card__status{color:var(--on-surface-variant);font-size:13px}.file-name__input{border:1px solid var(--outline-variant);border-radius:var(--radius-control);background:var(--panel);height:38px;font-family:var(--font-mono);padding:0 10px;font-size:13px}.file-name__preview{font-family:var(--font-mono);color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.panel__footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.panel__buttons{gap:8px;display:flex}.btn--save{flex:1;height:44px;font-size:15px}.btn--copy{height:44px}.custom-sizes{flex-direction:column;gap:8px;display:flex}.custom-sizes .link-btn{align-self:flex-start;font-size:13px}.custom-sizes__body{flex-direction:column;gap:8px;display:flex}.custom-sizes__form{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:6px;display:grid}.custom-sizes__form label{color:var(--on-surface-variant);flex-direction:column;gap:2px;font-size:12px;display:flex}.custom-sizes__name{grid-column:1/-1}.custom-sizes__form input{border:1px solid var(--outline-variant);border-radius:var(--radius-control);background:var(--panel);width:100%;height:32px;font-family:var(--font-mono);padding:0 8px;font-size:13px}.custom-sizes__times{color:var(--on-surface-variant);padding-bottom:7px}.custom-sizes__form .btn{height:32px}.custom-sizes__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.custom-sizes__list li{border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.custom-sizes__dims{font-family:var(--font-mono);color:var(--on-surface-variant);margin-left:auto;font-size:12px}.icon-btn--small{width:28px;height:28px}.save-dest{color:var(--on-surface-variant);flex-wrap:wrap;gap:4px 8px;font-size:13px;display:flex}.notices{z-index:50;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.notice{border-radius:var(--radius-control);background:var(--toast);color:var(--on-toast);box-shadow:var(--shadow);pointer-events:auto;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.notice__icon{margin-top:2px;display:inline-flex}.notice--info .notice__icon{color:#a4f304}.notice--error{background:var(--error);color:var(--on-error)}.notice__text{flex:1}.notice__close{border-radius:var(--radius-control);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:-4px -6px -4px 0;display:inline-flex}.notice__close:hover{background:#ffffff26}.notice__close:focus-visible{outline-color:currentColor}@media (min-width:1024px){.app--working .notices{bottom:120px;right:360px}}.dialog{border:1px solid var(--divider);background:var(--panel);width:min(480px,100vw - 32px);color:var(--on-surface);box-shadow:var(--shadow);border-radius:0;padding:20px 24px 24px}.dialog::backdrop{background:#1418118c}.dialog__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialog__title{font-size:18px;font-weight:700}.shortcut-list{flex-direction:column;margin:0;display:flex}.shortcut-list__row{border-bottom:1px solid var(--divider);align-items:center;gap:16px;padding:10px 0;display:flex}.shortcut-list__keys{gap:4px;min-width:96px;display:flex}.shortcut-list__label{margin:0}.dialog__note{color:var(--on-surface-variant);margin-top:14px;font-size:13px}.capture{flex-direction:column;flex:1;min-height:0;display:flex}.capture__preview{background:var(--stage);flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.capture__video{max-width:100%;max-height:100%;box-shadow:var(--shadow);background:#000;display:block}.capture__bar{border-top:1px solid var(--divider);align-items:center;gap:12px;padding:12px 16px;display:flex}.capture__hint{color:var(--on-surface-variant);flex:1;font-size:13px}@media (max-width:1023px){.app--working{height:auto}.workspace{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.queue{border-right:0;border-bottom:1px solid var(--divider);flex-direction:row;align-items:center;padding:10px 16px;overflow:auto hidden}.queue__title{display:none}.queue__list{flex-direction:row}.queue-item{flex-shrink:0;width:80px}.queue-item__select{height:56px}.queue-item__remove{opacity:1;top:-4px;right:-4px}.queue-item.drop-before:before,.queue-item.drop-after:after{width:2px;height:auto;top:0;bottom:0}.queue-item.drop-before:before{left:-6px;right:auto}.queue-item.drop-after:after{left:auto;right:-6px}.queue__add{width:56px;height:56px}.stage{flex:none;height:max(320px,55vh)}.crop-area{inset:12px 12px 44px}.panel{border-left:0;border-top:1px solid var(--divider);overflow:visible}.privacy-note{display:none}.topbar__actions{margin-left:auto}}@media (max-width:640px){.topbar{gap:8px;padding:0 12px}.brand__by,.topbar__shortcuts{display:none}.toolbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.toolbar__spacer,.toolbar__divider{display:none}.stage-hint{height:auto;padding:10px 12px}.capture__bar{flex-wrap:wrap}}.tools{gap:6px;display:flex}.redact-clip{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.redact-layer{position:absolute}.redact-layer.is-active{pointer-events:auto;cursor:crosshair;touch-action:none}.redact-box{box-sizing:border-box;position:absolute}.redact-box--solid{background:#000}.redact-box--pixelate,.redact-box--blur{background:var(--stage)}.redact-box__preview{width:100%;height:100%;display:block}.redact-box--pixelate .redact-box__preview{image-rendering:pixelated}.redact-layer.is-active .redact-box{outline:1px dashed var(--on-surface);outline-offset:0;cursor:move}.redact-layer.is-active .redact-box.is-selected,.redact-layer.is-active .redact-box:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.redact-box__handle{background:#fff;border:2px solid #0e7c0e;width:10px;height:10px;position:absolute}.redact-box__handle--nw{cursor:nwse-resize;top:-6px;left:-6px}.redact-box__handle--ne{cursor:nesw-resize;top:-6px;right:-6px}.redact-box__handle--sw{cursor:nesw-resize;bottom:-6px;left:-6px}.redact-box__handle--se{cursor:nwse-resize;bottom:-6px;right:-6px}.redact-draft{box-sizing:border-box;outline:2px dashed var(--focus);pointer-events:none;position:absolute}.segmented--3{grid-template-columns:repeat(3,minmax(0,1fr))}.redact-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.redact-list__row{border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding:2px 0;display:flex}.redact-list__item{border-radius:var(--radius-control);min-width:0;height:32px;color:var(--on-surface);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:8px;padding:0 6px;font-size:13px;display:flex}.redact-list__item:hover{background:var(--surface-container)}.redact-list__item[aria-pressed=true]{border-color:var(--outline);background:var(--surface-container-high);font-weight:700}.select--small{flex-shrink:0;height:30px;padding:0 4px;font-size:13px}.redact-list__dims{font-family:var(--font-mono);color:var(--on-surface-variant);margin-left:auto;font-size:12px;font-weight:400}.redact-swatch{border:1px solid var(--outline-variant);background:#000;flex-shrink:0;width:22px;height:14px}.redact-swatch--pixelate{background:conic-gradient(#8c8f88 25%, #c9ccc4 0 50%, #8c8f88 0 75%, #c9ccc4 0) 0 0 / 11px 7px}.redact-swatch--blur{background:linear-gradient(90deg,#8c8f88,#c9ccc4,#8c8f88)}.redact-actions{flex-wrap:wrap;gap:8px;display:flex}