:root{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f3f5f8;--text:#17191e;--muted:#717784;--line:#e4e7ec;--line-strong:#d9dde5;--accent:#5465d8;--accent-soft:#edf0ff;--accent-text:#4050c4;--danger:#c84b55;--shadow:0 12px 30px rgb(22 30 45 / .06);--radius-sm:8px;--radius:12px;--radius-lg:16px;--topbar:64px;font-family:Inter,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}button,input,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input[type=file]{display:none}:root[data-theme=dark]{--bg:#0f1115;--surface:#171a20;--surface-soft:#1d2129;--text:#edf0f5;--muted:#9aa2b1;--line:#2b303a;--line-strong:#3a404b;--accent:#8492ff;--accent-soft:#22294e;--accent-text:#adb6ff;--danger:#ff7882;--shadow:0 16px 38px rgb(0 0 0 / .24) }:root[data-theme=dark] .preview-canvas,:root[data-theme=dark] .compare-stage{background-color:#14171d;background-image:linear-gradient(45deg,#1e222a 25%,transparent 25%),linear-gradient(-45deg,#1e222a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e222a 75%),linear-gradient(-45deg,transparent 75%,#1e222a 75%)}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg);color:var(--text);overflow:hidden;-webkit-text-size-adjust:100%}body.sheet-open{overflow:hidden}button{border:0;background:transparent;transition:background .18s,color .18s,border-color .18s,transform .18s;-webkit-tap-highlight-color:transparent}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.app-shell{height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}.topbar{height:var(--topbar);flex:none;display:flex;align-items:center;gap:24px;padding:0 clamp(18px,3vw,40px);border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);letter-spacing:-.04em;font-weight:720;font-size:19px}.brand img{width:28px;height:28px;flex:none}.brand small{color:var(--muted);font-size:12px;letter-spacing:0;font-weight:500}.top-stats{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted);font-size:13px}.top-stats i{width:3px;height:3px;border-radius:99px;background:var(--line-strong)}.top-stats b{color:#25865f;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent}.icon-button:hover{background:var(--surface-soft);border-color:var(--line)}.theme-toggle{position:relative;align-self:center;line-height:1}.theme-toggle svg{display:block}.theme-toggle.with-tooltip:after{top:calc(100% + 7px);right:0;bottom:auto;left:auto;transform:translateY(-3px)}.theme-toggle.with-tooltip:hover:after,.theme-toggle.with-tooltip:focus-visible:after{transform:translateY(0)}.landing{flex:1;display:grid;place-content:center;justify-items:center;padding:48px 22px 78px;text-align:center}.landing-copy .eyebrow{font-size:12px;color:var(--accent-text);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.landing h1{margin:12px 0 8px;font-size:clamp(36px,5vw,54px);letter-spacing:-.06em;line-height:1.08}.landing-copy p{margin:0;color:var(--muted);font-size:17px}.upload-zone{width:min(640px,calc(100vw - 44px));margin-top:38px;min-height:294px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--line-strong);border-radius:18px;background:var(--surface);transition:border-color .2s,transform .2s,background .2s;box-shadow:0 2px 5px #171c2805}.upload-zone:hover,.upload-zone.drag{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.upload-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--surface-soft);color:var(--accent-text);margin-bottom:15px}.upload-zone h2{font-size:17px;margin:0 0 7px;letter-spacing:-.02em}.upload-zone p{margin:0;color:var(--muted);font-size:14px}.upload-zone span{margin-top:21px;color:var(--muted);font-size:12px;letter-spacing:.03em}.upload-zone small{margin-top:7px;color:var(--muted);font-size:11px}.privacy-note{margin:18px 0 0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.privacy-note svg{color:#25865f}.workbench{min-height:0;flex:1;display:grid;grid-template-columns:260px minmax(360px,1fr) 330px;overflow:hidden}.image-sidebar,.settings-panel{min-height:0;background:var(--surface)}.image-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.side-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 18px;border-bottom:1px solid var(--line)}.side-header>div{display:flex;align-items:center;gap:10px}.side-header h2,.settings-title h2{margin:0;font-size:15px;letter-spacing:-.02em}.side-header small{color:var(--muted);font-size:12px;font-weight:500}.side-actions{display:flex;align-items:center;gap:2px}.sidebar-more{position:relative}.sidebar-menu{position:absolute;z-index:12;top:38px;right:0;min-width:146px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:var(--shadow)}.sidebar-menu button{display:flex;align-items:center;gap:7px;width:100%;padding:8px;border-radius:6px;color:var(--danger);font-size:12px;text-align:left}.sidebar-menu button:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.text-button{display:inline-flex;gap:5px;align-items:center;padding:5px 2px;color:var(--accent-text);font-size:12px;background:transparent}.text-button:hover{text-decoration:underline}.text-button.destructive{color:var(--danger)}.image-list{flex:1;overflow:auto;padding:9px}.image-item{position:relative;display:flex;gap:10px;padding:9px;border:1px solid transparent;border-radius:10px;margin-bottom:4px;outline:0}.image-item:hover{background:var(--surface-soft)}.image-item.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft)}.image-item.failed{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.image-item img{width:50px;height:50px;flex:none;object-fit:cover;border-radius:7px;background:var(--line)}.image-meta{min-width:0;display:flex;flex-direction:column;line-height:1.35;font-size:11px;color:var(--muted)}.image-meta strong{max-width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;font-weight:600}.image-meta .error{color:var(--danger)}.image-meta .completed{color:#25865f}.image-meta b{color:#25865f;font-size:11px}.item-actions{opacity:0;position:absolute;right:5px;top:5px;display:flex;gap:2px}.item-actions button{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:var(--surface);color:var(--muted)}.item-actions button:hover{color:var(--accent-text);background:var(--accent-soft)}.image-item:hover .item-actions,.image-item:focus-within .item-actions{opacity:1}.side-footer{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.side-footer span{display:flex;align-items:center;gap:4px}.preview-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.preview-toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}.view-tabs,.zoom-tools{display:flex;align-items:center;gap:3px}.view-tabs{padding:3px;border-radius:8px;background:var(--surface-soft)}.view-tabs button{padding:5px 10px;border-radius:5px;font-size:12px;color:var(--muted)}.view-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000012}.zoom-tools button{padding:5px;display:grid;place-items:center;border-radius:5px}.zoom-tools button:hover{background:var(--surface-soft)}.zoom-tools span{min-width:36px;text-align:center;color:var(--muted);font-size:12px}.preview-canvas,.compare-stage{min-height:0;flex:1;position:relative;overflow:hidden;display:grid;place-items:center;background-color:#f1f3f6;background-image:linear-gradient(45deg,#e8ebef 25%,transparent 25%),linear-gradient(-45deg,#e8ebef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ebef 75%),linear-gradient(-45deg,transparent 75%,#e8ebef 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-canvas>img,.compare-stage>img{max-width:88%;max-height:82%;object-fit:contain;transition:transform .12s;will-change:transform}.preview-empty{flex:1;display:grid;place-items:center;color:var(--muted);font-size:13px}.preview-info{height:36px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:12px}.preview-info span+span:before{content:"·";margin-right:10px;color:var(--line-strong)}.compare-stage{width:100%;height:100%}.compare-stage>img{position:absolute}.compare-before{z-index:2}.compare-line{position:absolute;z-index:3;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 0 1px #0000001f}.compare-line button{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-evenly;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}.compare-line button span{width:1px;height:11px;background:var(--muted)}.compare-label{position:absolute;z-index:4;top:15px;padding:4px 7px;border-radius:5px;background:#00000080;color:#fff;font-size:11px}.compare-label.left{left:15px}.compare-label.right{right:15px}.settings-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line)}.settings-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:14px 16px 18px;scrollbar-gutter:stable}.settings-title{display:flex;align-items:start;justify-content:space-between;margin-bottom:12px}.settings-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.individual-toggle{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;white-space:nowrap}.setting-section{padding:12px 0;border-top:1px solid var(--line)}.setting-section:first-of-type{border-top:0;padding-top:0}.setting-section h3{margin:0 0 8px;font-size:12px;letter-spacing:.01em}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-grid button{min-height:54px;padding:7px 8px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.preset-grid button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.preset-grid button.selected{border-color:var(--accent);background:var(--accent-soft)}.preset-grid strong,.preset-grid span{display:block}.preset-grid strong{font-size:12px}.preset-grid span{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.25}.preset-grid em{display:inline-block;padding:1px 4px;border-radius:4px;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:9px;font-style:normal;font-weight:600}.preset-hint{display:flex;align-items:center;gap:4px;margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.3}.preset-hint svg{color:var(--accent-text);flex:none}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.segmented button{flex:1;min-width:0;padding:6px 3px;border-radius:6px;color:var(--muted);font-size:11px;white-space:nowrap}.segmented button.selected{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #00000012}.custom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.custom-control{min-width:0}.range-label,.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.range-label{margin:8px 0 5px}.range-label b{color:var(--accent-text);font-size:10px;white-space:nowrap}.range{width:100%;accent-color:var(--accent)}.quick-targets{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.quick-targets button{padding:4px 5px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px}.quick-targets button.active{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.field,.inline-input{width:100%;height:32px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px}.field{padding:0 7px}.inline-input{display:flex;align-items:center;margin-top:7px;padding-left:7px;color:var(--muted)}.inline-input input{min-width:0;flex:1;height:28px;border:0;outline:0;text-align:right;background:transparent;color:var(--text)}.inline-input input[type=color]{max-width:38px;padding:3px}.inline-input span{padding:0 7px;color:var(--muted)}.unit-button{height:24px;margin-right:4px;padding:0 5px;border-left:1px solid var(--line);color:var(--accent-text);font-size:10px;font-weight:650}.custom-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.switch-row{gap:7px;margin-top:8px}.custom-switches .switch-row{margin-top:0}.switch-row>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.switch-row small{width:100%;padding-left:20px;color:var(--muted);font-size:10px}.switch-row input{appearance:none;position:relative;width:30px;height:18px;flex:none;border-radius:20px;background:var(--line-strong);transition:.2s}.switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{transform:translate(12px)}.format-help{display:flex;align-items:start;gap:5px;margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.35}.format-help svg{flex:none;margin-top:1px}.output-section .switch-row{margin-top:8px}.export-toggle{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);font-size:11px;text-align:left}.export-toggle small{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.export-toggle svg{transition:transform .2s}.export-toggle .rotated{transform:rotate(180deg)}.export-options{margin-top:8px}.privacy-section{padding:8px 0}.privacy-section .switch-row{margin:0}.scene-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.scene-toggle span{display:flex;align-items:center;gap:7px}.scene-toggle svg{transition:transform .2s}.scene-toggle .rotated{transform:rotate(180deg)}.scene-list{display:grid;gap:5px;margin-top:8px}.scene-list button{padding:7px 8px;text-align:left;border-radius:7px;background:var(--surface-soft);font-size:11px}.scene-list button:hover{background:var(--accent-soft)}.scene-list small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.action-panel{flex:none;padding:10px 16px 12px;border-top:1px solid var(--line);background:var(--surface)}.estimate{display:grid;grid-template-columns:1fr auto;gap:2px;margin-bottom:8px;font-size:11px}.estimate span{color:var(--muted)}.estimate b{font-weight:600}.estimate small{grid-column:1/-1;color:var(--muted)}.result-card{display:grid;gap:7px;margin-bottom:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:11px}.result-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-card>div:first-child b,.result-card>div:last-child b{color:#25865f}.result-card span{color:var(--muted)}.action-secondary{width:100%;margin-top:7px;border-color:var(--line-strong);background:var(--surface);color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600}.button.primary{background:var(--accent);color:#fff}.button.primary:hover:not(:disabled){filter:brightness(.95)}.button.secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.button.secondary:hover:not(:disabled),.action-secondary:hover:not(:disabled){background:var(--surface-soft)}.button.danger{background:var(--danger)}.button.wide{width:100%;height:38px}.mobile-settings-trigger,.mobile-preset-bar{display:none!important}.toast-stack{position:fixed;z-index:80;right:20px;bottom:20px;display:grid;gap:8px;max-width:min(360px,calc(100vw - 40px))}.toast{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);font-size:13px;animation:toast-in .2s ease-out}.toast.success svg{color:#25865f}.toast.error svg{color:var(--danger)}.toast.info svg{color:var(--accent)}.toast-close{display:grid;place-items:center;margin-left:auto;padding:2px;color:var(--muted);cursor:pointer}.modal-backdrop,.sheet-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#090c125c;backdrop-filter:blur(2px)}.sheet-backdrop{z-index:40}.modal-backdrop{z-index:70}.modal-card{width:min(390px,calc(100vw - 36px));padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.modal-card h2{margin:0;font-size:17px}.modal-card p{margin:9px 0 21px;color:var(--muted);font-size:13px;line-height:1.55}.modal-card footer{display:flex;justify-content:flex-end;gap:8px}.settings-sheet,.sheet-backdrop{display:none}body.modal-open{overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.individual-controls{display:flex;align-items:center;gap:7px}.individual-controls .text-button{font-size:10px}.inline-input.muted{opacity:.58}.inline-input input:disabled{cursor:not-allowed}.result-warning{color:#a56812;line-height:1.4}.codec-status{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:var(--muted);font-size:10px}.codec-status i{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.codec-status.loading i{background:var(--accent);animation:codec-pulse 1.1s ease-in-out infinite}.codec-status.ready{color:#25865f}.codec-status.ready i{background:#25865f}.codec-status.fallback{color:#a56812}.codec-status.fallback i{background:#a56812}.png-suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:9px;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:8px;background:var(--accent-soft);color:var(--accent-text);text-align:left;font-size:10px}.png-suggestion b,.png-suggestion small{display:block}.png-suggestion b{margin-bottom:2px;font-size:11px}.png-suggestion small{color:var(--muted);line-height:1.35}.png-suggestion>span:last-child{flex:none;font-weight:650;white-space:nowrap}@keyframes codec-pulse{50%{opacity:.35;transform:scale(.72)}}.background-dialog{width:min(438px,calc(100vw - 36px))}.background-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.background-dialog h2{display:flex;align-items:center;gap:7px}.background-dialog h2 svg{color:var(--accent-text)}.background-dialog header p{margin:5px 0 0;font-size:12px}.background-note{margin:16px 0!important;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:11px!important;line-height:1.5!important}.background-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.background-options button{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;text-align:left}.background-options button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-soft)}.background-options button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.background-options i{display:block;width:18px;height:18px;flex:none;border:1px solid var(--line-strong);border-radius:5px}.background-options i.checker{background-color:#fff!important;background-image:linear-gradient(45deg,#ccd2dc 25%,transparent 25%),linear-gradient(-45deg,#ccd2dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccd2dc 75%),linear-gradient(-45deg,transparent 75%,#ccd2dc 75%)!important;background-size:8px 8px!important;background-position:0 0,0 4px,4px -4px,-4px 0!important}.background-color{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.background-color input{width:34px;height:24px;padding:1px;border:0;background:transparent}.background-dialog footer{margin-top:17px}.background-trigger,.background-settings-action,.background-mobile-action{color:var(--accent-text)}.background-trigger{display:inline-flex!important;align-items:center;gap:4px;font-size:11px}.background-settings-action,.background-mobile-action{display:inline-flex;align-items:center;gap:4px}.mobile-header-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.preview-toolbar{position:relative;z-index:6;overflow:visible}.preview-toolbar .with-tooltip:after{top:calc(100% + 7px);bottom:auto;z-index:100;transform:translate(-50%,-3px)}.preview-toolbar .with-tooltip:hover:after,.preview-toolbar .with-tooltip:focus-visible:after{transform:translate(-50%)}.image-meta small.error{display:-webkit-box;max-width:180px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.35}.retry-actions{display:flex;gap:5px;margin-top:5px}.retry-actions button{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--accent-text);font-size:10px}.retry-actions button:hover{border-color:var(--accent);background:var(--accent-soft)}.mobile-progress,.mobile-result,.mobile-estimate{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:12px}.mobile-progress>div,.mobile-result{display:flex;align-items:center;justify-content:space-between}.mobile-progress i{display:block;height:5px;overflow:hidden;border-radius:99px;background:var(--line)}.mobile-progress i b{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s}.mobile-result strong{color:#25865f}.mobile-result small,.mobile-estimate small{grid-column:1 / -1;color:var(--muted);line-height:1.35}.mobile-estimate{grid-template-columns:1fr auto;margin-top:10px}.mobile-estimate span{color:var(--muted)}.mobile-estimate b{font-weight:600}.increased{color:var(--danger)!important}.mobile-reprocess{margin-top:7px}.app-select,.app-color-picker{position:relative;width:100%}.app-select-trigger,.app-color-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;text-align:left}.app-select-trigger svg,.app-color-trigger svg{color:var(--muted);transition:transform .18s}.app-select-trigger .rotated,.app-color-trigger .rotated{transform:rotate(180deg)}.app-select-menu,.app-color-menu{position:absolute;z-index:15;top:calc(100% + 5px);left:0;width:100%;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.app-select-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px;border-radius:6px;text-align:left;font-size:11px}.app-select-menu button:hover,.app-select-menu button.selected{background:var(--accent-soft)}.app-select-menu button:disabled{opacity:.48}.app-select-menu b,.app-select-menu small{display:block}.app-select-menu b{font-weight:550}.app-select-menu small{margin-top:2px;color:var(--muted);font-size:10px}.app-select-menu svg{color:var(--accent-text)}.app-color-trigger i{width:16px;height:16px;border:1px solid var(--line-strong);border-radius:5px}.app-color-trigger span{flex:1;margin-left:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.app-color-menu{width:210px}.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.color-swatches button{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:6px;color:var(--text)}.color-swatches button.selected{outline:2px solid var(--accent);outline-offset:1px}.color-hex{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--muted);font-size:10px}.color-hex input{min-width:0;flex:1;height:28px;padding:0 6px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.color-apply{width:100%;height:30px;margin-top:8px}.with-tooltip{position:relative}.with-tooltip:after{position:absolute;z-index:90;bottom:calc(100% + 7px);left:50%;width:max-content;max-width:200px;padding:5px 7px;border-radius:6px;background:var(--text);color:var(--surface);content:attr(data-tooltip);font-size:10px;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:.16s}.with-tooltip:hover:after,.with-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}@media(min-width:1280px){.workbench{grid-template-columns:270px minmax(420px,1fr) 340px}}@media(max-width:1100px){.workbench{grid-template-columns:230px minmax(300px,1fr) 300px}.settings-scroll{padding-left:12px;padding-right:12px}.preset-grid button{padding:7px}.top-stats{font-size:11px}.custom-grid,.custom-switches{gap:8px}}@media(max-width:899px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{height:58px}.workbench{display:flex;min-height:calc(100vh - 58px);flex-direction:column;overflow:visible}.image-sidebar{order:2;min-height:115px;border-right:0;border-top:1px solid var(--line)}.side-header{height:46px}.image-list{display:flex;gap:8px;overflow-x:auto;padding:8px}.image-item{width:172px;min-width:172px;margin:0}.side-footer{display:none}.preview-panel{order:1;min-height:calc(100vh - 173px)}.desktop-settings{display:none}.mobile-settings-trigger{display:inline-flex!important;align-items:center;gap:4px;min-height:30px;padding:0 7px!important;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent-text);font-size:11px;white-space:nowrap}.mobile-settings-trigger:hover{border-color:var(--accent);background:var(--accent-soft)}.mobile-preset-bar{display:block!important;order:3;padding:14px 16px 16px;border-top:1px solid var(--line);background:var(--surface)}.mobile-preset-bar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-preset-bar header>div{display:grid;gap:2px}.mobile-preset-bar header strong{font-size:14px}.mobile-preset-bar header span{color:var(--muted);font-size:11px}.mobile-preset-bar header button{display:inline-flex;align-items:center;gap:4px;padding:5px 2px;color:var(--accent-text);font-size:11px}.mobile-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mobile-preset-grid button{min-height:58px;padding:7px 5px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-align:left}.mobile-preset-grid button.selected{border-color:var(--accent);background:var(--accent-soft)}.mobile-preset-grid strong,.mobile-preset-grid span{display:block}.mobile-preset-grid strong{font-size:12px}.mobile-preset-grid em{display:inline-block;margin-left:3px;padding:1px 3px;border-radius:3px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-text);font-size:8px;font-style:normal}.mobile-preset-grid span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25}.mobile-process{margin-top:11px}.settings-sheet{display:flex;max-height:80vh;width:100%;min-height:0;flex-direction:column;align-self:end;border-radius:18px 18px 0 0;background:var(--surface);overflow:hidden}.sheet-backdrop{display:grid;align-items:end}.sheet-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:10px 15px;border-bottom:1px solid var(--line)}.sheet-header h2{display:flex;gap:7px;align-items:center;margin:0;font-size:14px}.sheet-handle{position:absolute;top:7px;left:50%;width:32px;height:4px;border-radius:4px;background:var(--line-strong);transform:translate(-50%)}.settings-sheet .settings-panel{min-height:0;flex:1;border:0}.settings-sheet .settings-title{display:none}.settings-sheet .settings-scroll{padding-top:16px}.settings-sheet .action-panel{display:block;padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:639px){.topbar{padding:0 16px}.topbar .theme-toggle{width:40px;height:40px}.with-tooltip:after{display:none}.brand small,.top-stats{display:none}.landing{padding:24px 18px;place-content:center}.landing h1{font-size:39px}.landing-copy p{font-size:15px}.upload-zone{width:100%;min-height:250px;margin-top:31px}.privacy-note{font-size:12px}.preview-panel{min-height:clamp(292px,47svh,400px)}.preview-toolbar{padding:0 9px}.view-tabs button{padding:5px 7px}.preview-canvas>img,.compare-stage>img{max-width:94%;max-height:86%}.preview-info{font-size:11px}.image-sidebar{min-height:108px}.image-item{width:159px;min-width:159px}.image-meta strong{max-width:93px}.mobile-preset-bar{padding:13px 14px 16px}.mobile-preset-grid{gap:6px}.mobile-preset-grid button{min-height:56px;padding:7px 4px}.mobile-preset-grid strong{font-size:11px}.toast-stack{right:12px;bottom:max(13px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.custom-grid,.custom-switches{grid-template-columns:1fr}button,a,[role=button]{touch-action:manipulation}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}@media(max-width:639px){.mobile-settings-trigger{width:32px;min-width:32px;justify-content:center;padding:0!important}.mobile-settings-trigger span{display:none}}@media(max-width:899px){.background-trigger span{display:none}}@media(max-width:899px){.topbar{gap:12px;padding:0 14px}.topbar-actions{height:100%;align-items:center}.topbar .theme-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;padding:0;line-height:0}.topbar .theme-toggle svg{display:block;flex:none;margin:0}.mobile-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mobile-result small{display:block;grid-column:1 / -1}.mobile-preset-bar{position:sticky;bottom:0;z-index:5;padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 -8px 18px color-mix(in srgb,var(--surface) 92%,transparent)}.mobile-preset-bar.has-result{padding-top:10px}.mobile-result-heading{display:flex;align-items:center;justify-content:space-between;grid-column:1 / -1;gap:8px}.mobile-reprocess{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 2px;margin-top:0;color:var(--accent-text);font-size:11px;white-space:nowrap}}@media(max-width:639px){.topbar{gap:0;padding:0 12px}.topbar .brand{gap:0}.landing{align-content:start;padding-top:clamp(72px,12svh,104px)}.view-tabs button{padding:5px 6px;font-size:11px;white-space:nowrap}.mobile-settings-trigger{min-width:30px;padding-inline:6px!important}.mobile-settings-trigger span{display:none}}.thumb-pending{width:50px;height:50px;flex:none;border-radius:7px;background:linear-gradient(110deg,var(--surface-soft) 25%,var(--line) 37%,var(--surface-soft) 63%);background-size:200% 100%;animation:thumb-loading 1.2s linear infinite}@keyframes thumb-loading{to{background-position:-200% 0}}