:root{color:var(--theme-ink);background:var(--theme-background);font-synthesis:none;text-rendering:optimizelegibility;--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--panel:var(--theme-surface);--lime:var(--theme-accent);--shadow:0 16px 48px var(--theme-shadow);--u:8px;--gutter:calc(var(--u) * 3);--pad:calc(var(--u) * 3);--head:calc(var(--u) * 4);--control:calc(var(--u) * 5);--action:calc(var(--u) * 6);--topbar:calc(var(--u) * 8);--radius:12px;--radius-lg:16px;--content:1440px;--aside:clamp(368px, 30vw, 440px);--theme-accent:#25825a;--theme-strong:#24503d;--theme-soft:#e3f7ea;--theme-faint:#e9f9ee;--theme-line:#b9d5c4;--theme-line-soft:#c8e2d2;--theme-ink:#24503d;--theme-background:#f8fdfa;--theme-surface:#fafefc;--theme-surface-strong:#fdfffe;--theme-track:#eefaf2;--theme-track-ink:#24503d;--theme-muted:#507364;--theme-subtle:#597a6c;--theme-shadow:#24503d1a;--theme-glow:#25825a33;--theme-on-accent:#fff;--theme-notice:#b5dcc7;--theme-error:#c4e6d2;--theme-thumbnail:#f3fcf6;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}@supports (corner-shape:superellipse(1.5)){*{corner-shape:superellipse(1.5)}}html,body,#app{height:100%;margin:0}body{background:var(--theme-background);min-width:320px}body.viewer-open{overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}a{color:inherit}.page-shell{height:100vh;grid-template-rows:var(--topbar) minmax(0, 1fr);background:var(--theme-background);height:100dvh;transition:background .22s;display:grid;overflow:hidden}.page-shell.is-dragging{background:var(--theme-faint)}.topbar{padding:0 max(var(--gutter), calc((100vw - var(--content)) / 2));justify-content:space-between;align-items:center;display:flex}.header-main{align-items:center;gap:calc(var(--u) * 2);display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand img{width:auto;height:32px;display:block}.header-title{color:var(--theme-muted);font-size:15px;line-height:calc(var(--u) * 2);margin-top:6px;transition:color .22s}.topbar-meta{align-items:center;gap:calc(var(--u) * 2);color:var(--theme-muted);font:12px DM Mono,monospace;display:flex}.privacy-pill,.engine-pill{align-items:center;gap:var(--u);display:inline-flex}.privacy-pill{height:calc(var(--u) * 3);color:var(--theme-strong);background:var(--theme-soft);border-radius:99px;padding:0 12px}.privacy-pill i{background:var(--theme-accent);border-radius:50%;width:6px;height:6px;display:inline-block}.topbar-link{color:var(--theme-strong);text-decoration:none}.topbar-link:hover{color:var(--theme-accent)}.workspace{width:min(var(--content), calc(100% - var(--gutter) * 2));min-height:0;padding-bottom:var(--gutter);margin:0 auto}.tool-grid{grid-template-columns:minmax(0, 1fr) var(--aside);gap:var(--gutter);height:100%;display:grid}.panel{gap:var(--pad);min-height:0;padding:var(--pad);background:var(--theme-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:0;flex-direction:column;display:flex}.input-panel{min-width:0;box-shadow:none;background:0 0;padding-inline:0;container:input/inline-size}.panel-heading{height:var(--head);flex:none;justify-content:space-between;align-items:center;display:flex}h2{color:var(--theme-ink);letter-spacing:-.02em;font-size:18px;font-weight:650;line-height:var(--head);align-items:center;gap:12px;margin:0;display:flex}.panel-actions{align-items:center;gap:calc(var(--u) * 2);display:flex}.text-button{height:var(--head);color:var(--theme-muted);background:0 0;padding:0;font-size:13px}.text-button:hover{color:var(--theme-strong)}.dropzone{min-height:0;padding:var(--pad);border-radius:var(--radius-lg);background:var(--theme-soft);text-align:center;cursor:pointer;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.dropzone.active,.is-dragging .dropzone{background:var(--theme-faint)}.dropzone input,.input-panel>#file-input{display:none}.drop-visual{width:calc(var(--u) * 8);height:calc(var(--u) * 8);margin-bottom:var(--pad);border-radius:calc(var(--u) * 2.5);color:var(--theme-accent);background:var(--theme-faint);box-shadow:0 8px 24px var(--theme-shadow);place-items:center;transition:transform .2s;display:grid;position:relative}.dropzone:hover .drop-visual,.is-dragging .drop-visual{transform:translateY(-4px)}.drop-plus{font-size:32px;font-weight:300;line-height:1}.dropzone strong{color:var(--theme-ink);font-size:17px;font-weight:650;line-height:calc(var(--u) * 3)}.dropzone>span{margin-top:var(--u);color:var(--theme-muted);font-size:13px;line-height:calc(var(--u) * 3)}.drop-formats{max-width:520px;margin-top:calc(var(--u) * 3);color:var(--theme-subtle);font:11px / calc(var(--u) * 2) "DM Mono", "Noto Sans SC", monospace}.inline-button{color:var(--theme-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--theme-accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--theme-accent) 45%, transparent);text-underline-offset:4px;background:0 0;padding:0;font-weight:600}.inline-button:hover{color:var(--theme-accent)}.notice{min-height:var(--control);padding:var(--u) calc(var(--u) * 2);border-radius:var(--radius);background:var(--theme-notice);color:var(--theme-ink);flex:none;align-items:center;font-size:12px;display:flex}.queue-list,.settings-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--theme-accent) 28%, transparent) transparent;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--u) * 2), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--u) * 2), transparent)}.queue-list{gap:var(--u);min-height:0;margin-right:calc(var(--gutter) * -1);padding:0 var(--gutter) calc(var(--u) * 2) 0;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.queue-item{height:calc(var(--u) * 8);align-items:center;gap:calc(var(--u) * 2);padding:var(--u);border-radius:var(--radius);background:var(--theme-soft);flex:none;display:flex;position:relative;overflow:hidden}.queue-item.processing{background:color-mix(in srgb, var(--theme-accent) 18%, var(--theme-soft))}.queue-item.processing:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg, transparent 0 4px, color-mix(in srgb, var(--theme-accent) 30%, transparent) 4px 5px, transparent 5px 9px);background-size:25.4558px 25.4558px;animation:1.2s linear infinite queue-evaporate;position:absolute;inset:0}.queue-item.processing>*{position:relative}.queue-item.error{background:var(--theme-error)}.queue-item.done{overflow:visible}.queue-thumb{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:var(--u);background:var(--theme-thumbnail);color:var(--theme-strong);flex:none;place-items:center;font:10px DM Mono,monospace;display:grid;overflow:hidden}.queue-thumb img,.queue-thumb video{object-fit:cover;width:100%;height:100%}.file-glyph{opacity:.75}.queue-file{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.queue-file strong{color:var(--theme-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.queue-file span{color:var(--theme-muted);font-variant-numeric:tabular-nums;font:11px/16px DM Mono,monospace}.queue-item.done .done-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.duration-short{display:none}.queue-result{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 11);align-items:center;gap:calc(var(--u) * 2);flex:0 320px;min-width:0;display:grid}.queue-flow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:0;display:grid;position:relative}.queue-metric{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0 12px;display:flex}.queue-metric strong{max-width:100%;color:var(--theme-ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font:650 15px/20px DM Sans,Noto Sans SC,sans-serif;overflow:hidden}.queue-metric span{max-width:100%;color:var(--theme-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:12px;overflow:hidden}.queue-arrow{color:var(--theme-muted);font-size:18px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.queue-change{justify-content:flex-end;min-width:0;display:flex}.queue-change strong{height:calc(var(--u) * 4);padding:0 var(--u);border-radius:var(--u);color:oklch(from var(--theme-accent) .34 calc(c * 1.1) h);background:oklch(from var(--theme-accent) .88 calc(c * 1.1 + .02) h);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;align-items:center;font:700 15px/1 DM Sans,Noto Sans SC,sans-serif;display:inline-flex;overflow:hidden}.queue-actions{flex:none;align-items:center;display:flex}.queue-status{min-width:calc(var(--u) * 12);color:var(--theme-subtle);font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;align-items:flex-end;gap:4px;font:11px/16px DM Mono,monospace;display:flex}.queue-status small{color:var(--theme-muted);font-size:10px}.status-text i{background:var(--theme-accent);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:.7s linear infinite spin;display:inline-block}.done-text,.processing-text{color:var(--theme-strong)}.error-text{max-width:160px;color:var(--theme-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.round-button,.remove-button{width:calc(var(--u) * 4);height:calc(var(--u) * 4);color:var(--theme-strong);background:0 0;border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.round-button:hover{color:var(--theme-accent);background:var(--theme-faint)}.remove-button{color:var(--theme-muted);font-size:17px}.remove-button:hover{color:var(--theme-strong)}.queue-item.done .remove-button{top:50%;right:calc(var(--gutter) * -1);width:var(--gutter);height:var(--gutter);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;transform:translateY(-50%)}.queue-item.done:is(:hover,:focus-within) .remove-button{opacity:1;pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes queue-evaporate{to{background-position:0 -25.4558px}}.result-bar{height:var(--action);justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);padding:0 var(--u) 0 calc(var(--u) * 2);border-radius:var(--radius);background:var(--theme-soft);flex:none;display:flex}.result-summary{align-items:center;gap:12px;min-width:0;display:flex}.result-icon{width:calc(var(--u) * 3);height:calc(var(--u) * 3);color:var(--theme-on-accent);background:var(--theme-accent);border-radius:50%;flex:none;place-items:center;font:600 12px/1 DM Mono,monospace;display:grid}.result-summary strong{color:var(--theme-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.secondary-button{height:calc(var(--u) * 4);padding:0 calc(var(--u) * 2);border-radius:var(--u);color:var(--theme-strong);background:var(--theme-surface-strong);flex:none;font-size:13px}.secondary-button:not(:disabled):hover{background:var(--theme-faint)}.secondary-button:disabled{opacity:.45}.secondary-button span{margin-left:4px}.settings-body{gap:var(--pad);min-height:0;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) calc(var(--u) * 2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(var(--u) * 7);gap:var(--u);flex:none;display:grid}.format-card{border:.5px solid color-mix(in srgb, var(--format-ink) 20%, transparent);border-radius:var(--radius);min-width:0;color:var(--format-ink);text-align:left;background:0 0;align-items:center;padding:0 12px;transition:background-color .16s,color .16s,box-shadow .16s;display:flex}.format-card:focus-visible{outline:2px solid var(--format-accent);outline-offset:2px}.format-card.active{color:var(--format-on-accent);background:var(--format-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--format-accent) 28%, transparent);border-color:#0000}.format-card.active .format-info strong{color:var(--format-on-accent)}.format-card.disabled{opacity:.45}.format-info{flex-direction:column;gap:4px;min-width:0;display:flex}.format-info strong{color:var(--format-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;line-height:20px;overflow:hidden}.format-tags{flex-wrap:wrap;gap:0 6px;display:flex}.format-tag{color:inherit;opacity:.82;white-space:nowrap;font-size:11px;line-height:12px}.setting-group{flex:none}.setting-group-title,.select-label>span:first-child{height:calc(var(--u) * 2);margin-bottom:var(--u);color:var(--theme-ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.muted{color:var(--theme-subtle);font:11px DM Mono,monospace}.segmented{height:var(--control);background:var(--theme-track);border-radius:10px;padding:4px;display:flex}.segmented button{color:var(--theme-track-ink);background:0 0;border-radius:6px;flex:1;font-size:12px;transition:background-color .16s}.segmented button:not(.active):not(:disabled):hover{background:color-mix(in srgb, var(--theme-surface-strong) 55%, transparent)}.segmented button.active{color:var(--theme-strong);background:var(--theme-surface-strong);box-shadow:0 -1px 1px color-mix(in srgb, var(--theme-ink) 4%, transparent), 0 1px 1px color-mix(in srgb, var(--theme-ink) 9%, transparent), 0 2px 6px color-mix(in srgb, var(--theme-accent) 14%, transparent)}.segmented button:disabled{opacity:.38}.quality-segment{position:relative}.quality-slider{background:var(--theme-surface-strong);width:calc(16.6667% - 1.33333px);box-shadow:0 -1px 1px color-mix(in srgb, var(--theme-ink) 4%, transparent), 0 1px 1px color-mix(in srgb, var(--theme-ink) 9%, transparent), 0 2px 6px color-mix(in srgb, var(--theme-accent) 14%, transparent);transform:translateX(var(--quality-offset));pointer-events:none;border-radius:6px;position:absolute;top:4px;bottom:4px;left:4px}.quality-segment button{z-index:1;position:relative}.quality-segment button.active{box-shadow:none;background:0 0}.settings-pair,.settings-triple{gap:var(--u);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.select-label{flex-direction:column;min-width:0;display:flex}.select-control{width:100%;display:block;position:relative}.scale-control-row{height:var(--control);display:block}.scale-input-wrap{background:var(--theme-track);border-radius:10px;width:100%;height:100%;display:block;position:relative}.scale-input-wrap:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-accent) 16%, transparent)}.scale-input-wrap.invalid{background:color-mix(in srgb, #c85b50 8%, var(--theme-track))}.scale-input-wrap.invalid:focus-within{box-shadow:0 0 0 2px #c85b5024}.scale-input{width:100%;height:100%;color:var(--theme-ink);background:0 0;border:0;border-radius:10px;padding:0 44px 0 10px;font-size:12px}.scale-input:focus-visible{outline:none}.scale-dropdown-toggle{background:0 0;border-radius:0 9px 9px 0;place-items:center;width:34px;height:100%;display:grid;position:absolute;top:0;right:0}.scale-dropdown-toggle:hover{background:var(--theme-faint)}.scale-dropdown-toggle i{border-right:1.5px solid var(--theme-strong);border-bottom:1.5px solid var(--theme-strong);width:7px;height:7px;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.scale-dropdown-toggle[aria-expanded=true] i{transform:translateY(2px)rotate(225deg)}.scale-options{z-index:20;border:1px solid var(--theme-line-soft);background:var(--theme-surface);width:190px;max-width:calc(100vw - 24px);max-height:min(360px,100vh - 24px);box-shadow:0 10px 28px var(--theme-shadow);border-radius:12px;margin:0;padding:5px;position:fixed;inset:auto;overflow-y:auto}.scale-option-group+.scale-option-group{border-top:1px solid var(--theme-line-soft);margin-top:6px;padding-top:5px}.scale-option-group h4{color:var(--theme-muted);letter-spacing:.04em;margin:4px 9px 3px;font-size:10px;font-weight:600}.scale-option{width:100%;min-height:44px;color:var(--theme-ink);text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 9px;display:flex}.scale-option:hover,.scale-option.active{background:var(--theme-faint)}.scale-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.scale-option-copy strong{font-size:12px;font-weight:600}.scale-option-copy small{color:var(--theme-muted);font-size:10px}.scale-option-value{color:var(--theme-strong);flex:none;font:600 12px DM Mono,monospace}.scale-option-hint{color:var(--theme-subtle);margin:5px 9px 4px;font-size:10px;line-height:1.5}.output-size-hint{color:var(--theme-muted);margin-top:5px;font-size:10px;line-height:1.4}.select-control:after{content:"";border-right:1.5px solid var(--theme-strong);border-bottom:1.5px solid var(--theme-strong);pointer-events:none;width:7px;height:7px;transition:border-color .16s;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.select-control:focus-within:after{border-color:var(--theme-accent)}select{width:100%;height:var(--control);appearance:none;color:var(--theme-ink);background:var(--theme-track);cursor:pointer;border:0;border-radius:10px;padding:0 36px 0 12px;font-size:13px;transition:background-color .16s}select::-ms-expand{display:none}select:hover{background:var(--theme-faint)}select:focus-visible{outline:2px solid color-mix(in srgb, var(--theme-accent) 45%, transparent);outline-offset:1px}.toggle-row{height:var(--control);justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * -1);flex:none;display:flex}.toggle-row strong{color:var(--theme-ink);font-size:12px;font-weight:600}.toggle-row>.select-control{width:calc(50% - var(--u) / 2);flex:none}.toggle{background:var(--theme-line);border-radius:20px;width:36px;height:20px;padding:2px;transition:all .16s}.toggle span{background:var(--theme-surface-strong);width:16px;height:16px;box-shadow:0 1px 2px var(--theme-shadow);border-radius:50%;transition:all .16s;display:block}.toggle.on{background:var(--theme-accent)}.toggle.on span{transform:translate(16px)}.vector-settings{height:calc(var(--u) * 16);justify-content:center;align-items:center;gap:var(--u);border-radius:var(--radius);background:var(--theme-track);text-align:center;flex-direction:column;flex:none;display:flex}.vector-settings h3{color:var(--theme-ink);margin:0;font-size:14px;font-weight:600}.vector-settings span{color:var(--theme-muted);font:11px DM Mono,monospace}.setting-footer{gap:var(--u);flex-direction:column;flex:none;display:flex}.detail-panel{border-radius:var(--radius);background:var(--theme-track)}.detail-panel summary{height:var(--control);color:var(--theme-ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.detail-panel summary::-webkit-details-marker{display:none}.detail-panel summary i{border-right:1.5px solid var(--theme-strong);border-bottom:1.5px solid var(--theme-strong);flex:none;width:7px;height:7px;margin:-3px 2px 0;transition:transform .16s,margin .16s;transform:rotate(45deg)}.detail-panel[open] summary i{margin-top:3px;transform:rotate(-135deg)}.detail-body{max-height:min(calc(var(--u) * 40), 36vh);gap:calc(var(--u) * 2);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--theme-accent) 28%, transparent) transparent;flex-direction:column;padding:0 12px 12px;display:flex;overflow-y:auto}.detail-body h3{height:calc(var(--u) * 2);margin:0 0 var(--u);color:var(--theme-accent);align-items:center;font-size:11px;font-weight:600;display:flex}.detail-body h4{margin:12px 0 var(--u);color:var(--theme-muted);font-size:11px;font-weight:600;line-height:calc(var(--u) * 2)}.detail-list{gap:4px calc(var(--u) * 2);font-size:12px;line-height:calc(var(--u) * 2);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.detail-list dt{color:var(--theme-muted);white-space:nowrap}.detail-list dd{overflow-wrap:anywhere;min-width:0;color:var(--theme-ink);text-align:right;margin:0}.detail-list.code{padding:var(--u) 12px;border-radius:var(--u);background:var(--theme-surface-strong);font:11px / calc(var(--u) * 2) "DM Mono", monospace}.detail-flow{color:var(--theme-ink);font-size:12px;line-height:calc(var(--u) * 2);counter-reset:flow;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.detail-flow li{gap:var(--u);counter-increment:flow;display:flex}.detail-flow li:before{content:counter(flow);width:calc(var(--u) * 2);height:calc(var(--u) * 2);color:var(--theme-on-accent);background:var(--theme-accent);border-radius:50%;flex:none;place-items:center;font:600 10px/1 DM Mono,monospace;display:grid}.primary-button{width:100%;height:var(--action);padding:0 calc(var(--u) * 2);border-radius:var(--radius);color:var(--theme-on-accent);background:var(--theme-accent);box-shadow:0 6px 18px var(--theme-glow);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;transition:all .16s;display:flex}.primary-button:not(.disabled):hover{filter:brightness(1.06)}.primary-button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.primary-button.disabled{opacity:.42;box-shadow:none}.button-arrow{font-size:18px;font-weight:400}.queue-thumb-action{cursor:zoom-in;padding:0}.preview-metric{color:inherit;font:inherit;cursor:zoom-in;background:0 0;border:0}.preview-metric:hover strong,.preview-metric:hover span{color:var(--theme-accent)}.queue-actions{gap:4px}.compare-button{height:calc(var(--u) * 4);border-radius:var(--u);color:var(--theme-strong);background:color-mix(in srgb, var(--theme-notice) 50%, transparent);flex:none;padding:0 8px;font-size:11px}.compare-button:hover{color:var(--theme-accent);background:color-mix(in srgb, var(--theme-accent) 18%, var(--theme-notice))}.viewer-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d181394;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.viewer-window{border:1px solid color-mix(in srgb, var(--theme-ink) 12%, transparent);background:var(--theme-surface);border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1600px,100%);height:min(1040px,100%);min-height:360px;display:grid;overflow:hidden;box-shadow:0 24px 80px #00000047}.viewer-titlebar{border-bottom:1px solid var(--theme-line-soft);align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.viewer-titlebar>strong{min-width:0;color:var(--theme-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:650;overflow:hidden}.viewer-window-dots{gap:7px;display:flex}.viewer-window-dots i{background:#ef6a67;border-radius:50%;width:11px;height:11px}.viewer-window-dots i:nth-child(2){background:#f2bb4c}.viewer-window-dots i:nth-child(3){background:#54c66a}.viewer-close{width:30px;height:30px;color:var(--theme-muted);background:0 0;border-radius:50%;flex:none;font-size:23px;line-height:1}.viewer-close:hover{color:var(--theme-ink);background:var(--theme-faint)}.viewer-toolbar{border-bottom:1px solid var(--theme-line-soft);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:10px 20px;display:flex}.viewer-file-info{flex-direction:column;gap:5px;min-width:0;display:flex}.viewer-file-info strong{color:var(--theme-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.viewer-file-info i{color:var(--theme-subtle);padding:0 5px;font-style:normal}.viewer-render-mode{color:var(--theme-muted);font-size:11px}.viewer-render-mode.pixelated{color:var(--theme-accent);font-weight:650}.viewer-zoom-controls{flex:none;align-items:center;gap:12px;display:flex}.viewer-zoom-controls output{min-width:76px;color:var(--theme-muted);text-align:right;font:600 12px DM Mono,monospace}.viewer-zoom-buttons,.viewer-media-tabs,.viewer-compare-controls{border:1px solid var(--theme-line-soft);background:var(--theme-track);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.viewer-zoom-button,.viewer-media-tabs button,.viewer-compare-controls button{min-width:44px;height:30px;color:var(--theme-muted);background:0 0;border-radius:7px;padding:0 10px;font-size:12px}.viewer-zoom-button.active,.viewer-media-tabs button.active,.viewer-compare-controls button.active{color:var(--theme-strong);background:var(--theme-surface-strong);box-shadow:0 1px 4px var(--theme-shadow)}.viewer-zoom-button:hover,.viewer-media-tabs button:hover,.viewer-compare-controls button:hover{color:var(--theme-strong)}.viewer-current-label{color:var(--theme-muted);font-size:12px}.viewer-stage{overscroll-behavior:contain;background-color:#eef1ef;background-image:linear-gradient(45deg,#e4e8e5 25%,#0000 25%),linear-gradient(-45deg,#e4e8e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e8e5 75%),linear-gradient(-45deg,#0000 75%,#e4e8e5 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.viewer-canvas{flex:none;margin:auto;position:relative}.viewer-load-error:not([hidden]){z-index:5;color:#6a342e;text-align:center;background:#ffffffeb;border-radius:10px;max-width:min(480px,100% - 32px);padding:12px 16px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 24px #00000024}.viewer-image,.viewer-video{width:100%;height:100%;display:block}.viewer-single .viewer-image{object-fit:fill}.viewer-video{object-fit:contain}.compare-canvas{overflow:hidden}.compare-image{object-fit:contain;position:absolute;inset:0}.compare-image[data-slot=output]{clip-path:inset(0 0 0 50%)}.difference-canvas{object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}.mode-toggle.show-source .compare-image[data-slot=output],.mode-toggle.show-output .compare-image[data-slot=source],.mode-toggle .compare-divider,.mode-difference .compare-divider,.mode-toggle.show-source .compare-label-output,.mode-toggle.show-output .compare-label-source,.mode-difference .compare-image{display:none}.mode-difference .difference-canvas{display:block}.compare-label{z-index:2;color:#54665d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #fff9;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;top:20px;box-shadow:0 4px 18px #00000017}.compare-label strong{color:#203e30;font-size:14px}.compare-label-source{left:20px}.compare-label-output{right:20px}.compare-divider{z-index:3;pointer-events:none;background:#fffffff2;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 10px #00000040}.compare-divider span{color:#fff;background:#202722;border:2px solid #fffffff2;border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #00000038}.compare-range{z-index:4;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.viewer-zoom-hint{z-index:2;color:#59675f;pointer-events:none;background:#ffffffc2;border-radius:7px;padding:6px 9px;font-size:10px;position:absolute;bottom:12px;right:16px}.viewer-footer{border-top:1px solid var(--theme-line-soft);background:color-mix(in srgb, var(--theme-surface) 90%, transparent);justify-content:center;align-items:center;gap:16px;min-height:58px;padding:8px 16px;display:flex}.viewer-media-tabs,.viewer-compare-controls{background:var(--theme-track)}.viewer-toggle-hint{color:var(--theme-muted);font-size:12px}@media (max-width:700px){.viewer-backdrop{padding:8px}.viewer-window{border-radius:14px;min-height:0}.viewer-titlebar{gap:10px;height:44px;padding:0 12px}.viewer-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.viewer-file-info strong{font-size:11px}.viewer-zoom-controls{justify-content:space-between;gap:8px}.viewer-zoom-controls output{min-width:0;font-size:10px}.viewer-zoom-buttons{flex:1;justify-content:space-between}.viewer-zoom-button{flex:1;min-width:0;padding:0 5px;font-size:10px}.compare-label{gap:5px;padding:6px 8px;font-size:10px;top:10px}.compare-label-source{left:10px}.compare-label-output{right:10px}.compare-label strong{font-size:11px}.compare-divider span{width:36px;height:36px}.viewer-zoom-hint{max-width:calc(100% - 16px);font-size:9px;bottom:8px;right:8px}.viewer-footer{min-height:50px}}@container input (width<=560px){.queue-item.done{gap:12px}.queue-result{width:calc(var(--u) * 16);flex-direction:column;flex:none;align-items:stretch;gap:2px;display:flex}.queue-change{order:-1}.queue-change strong{border-radius:6px;height:20px;padding:0 6px;font-size:13px}.queue-metric{gap:0;padding:0 8px}.queue-metric strong{font-size:11px;line-height:14px}.queue-metric span{font-size:9px;line-height:10px}.queue-arrow{font-size:12px}}@container input (width<=400px){.queue-item.done .queue-thumb,.queue-item.done .duration-long{display:none}.queue-item.done .duration-short{display:inline}.queue-status{min-width:0}.queue-status .status-text{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}}@media (max-width:900px){.page-shell{height:auto;min-height:100dvh;overflow:visible}.tool-grid{grid-template-columns:minmax(0,1fr);height:auto}.input-panel{padding-top:var(--u);padding-bottom:0}.dropzone{min-height:calc(var(--u) * 36);flex:none}.queue-list,.settings-body{flex:none;padding-bottom:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}@media (max-width:620px){:root{--gutter:calc(var(--u) * 2);--pad:calc(var(--u) * 2.5)}.privacy-pill,.header-title{display:none}.dropzone{min-height:calc(var(--u) * 30)}.format-grid{grid-auto-rows:calc(var(--u) * 7);gap:6px}.format-card{padding:0 10px}.settings-triple{grid-template-columns:1fr}.queue-item.done .round-button{width:28px;height:28px;font-size:18px}}@media (hover:none){.queue-item.done .remove-button{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.queue-item.processing:before,.queue-item.processing .status-text i{animation:none}}