:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17202b;--muted:#677180;--subtle:#8c95a1;--blue:#1769e0;--blue-strong:#0b5cc9;--blue-soft:#e9f2ff;--cyan:#13a7b5;--mint:#24a46d;--orange:#e77b25;--red:#d84444;--surface:#ffffffd6;--surface-solid:#fff;--surface-soft:#f5f7f9;--line:#2331421c;--line-strong:#2331422e;--shadow-sm:0 1px 2px #17202b0d, 0 5px 18px #17202b0e;--shadow-md:0 14px 40px #17202b1a, 0 2px 8px #17202b0f;--shadow-lg:0 26px 70px #17202b2b, 0 6px 20px #17202b14;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#eef2f5;min-width:320px}body{min-height:100vh;color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 13% -10%,#5dacff2b,#0000 33rem),radial-gradient(circle at 96% 2%,#53cbb91c,#0000 29rem),linear-gradient(#f7f9fb 0%,#eef2f5 48%,#e9eef2 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Hiragino Sans,Yu Gothic UI,Yu Gothic,system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,label,select,input[type=range]{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #1769e047}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.app-header{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(165%);background:#f7f9fbb8;border-bottom:1px solid #ffffffb8;position:sticky;top:0;box-shadow:0 1px #23314212}.header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(100%,1680px);min-height:72px;margin:0 auto;padding:10px clamp(16px,2vw,30px);display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-icon{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 7px 18px #1061c733}.brand-icon svg{width:100%;height:100%;display:block}.brand-copy{min-width:0}.brand-copy h1{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(15px,1.4vw,18px);font-weight:720;line-height:1.25;overflow:hidden}.brand-copy p{color:var(--muted);letter-spacing:.02em;margin:2px 0 0;font-size:11px;font-weight:570}.header-actions,.toolbar-actions,.button-row,.inline-actions{align-items:center;gap:8px;display:flex}.privacy-pill,.status-pill,.metric-chip,.format-chip,.selection-pill,.capability-pill{border:1px solid var(--line);min-height:28px;color:var(--muted);white-space:nowrap;background:#ffffffb3;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.privacy-pill{color:#18744d;background:#e9f8f0db;border-color:#24a46d2e}.privacy-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #24a46d1a}.btn{cursor:pointer;letter-spacing:-.005em;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 13px;font-size:13px;font-weight:650;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .18s,color .15s,transform 90ms;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn svg,.icon-button svg,.nav-tab svg,.step-icon svg,.empty-icon svg,.notice svg{flex:none;width:17px;height:17px}.btn-primary{background:linear-gradient(180deg, #2580ee 0%, var(--blue) 100%);color:#fff;box-shadow:inset 0 1px #ffffff47,0 5px 14px #1769e03b}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg, #1d75e6 0%, var(--blue-strong) 100%)}.btn-secondary{border-color:var(--line);color:#344151;background:#fffc;box-shadow:0 1px 2px #17202b09}.btn-secondary:hover:not(:disabled){border-color:var(--line-strong);background:#fff}.btn-quiet{color:var(--muted);background:0 0}.btn-quiet:hover:not(:disabled){color:var(--ink);background:#3a465512}.btn-danger{color:#b32e2e;background:#fff4f4db;border-color:#d8444426}.btn-small{border-radius:9px;min-height:34px;padding:6px 10px;font-size:12px}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;transition:transform 90ms,background-color .14s,color .14s,border-color .14s;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--line);color:var(--ink);background:#fff}.icon-button:active:not(:disabled){transform:scale(.94)}.workspace{width:min(100%,1680px);margin:0 auto;padding:18px clamp(14px,2vw,30px) 30px}.workspace-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.segmented{background:#e4e9eec7;border:1px solid #23314214;border-radius:12px;align-items:center;gap:3px;min-width:0;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #17202b0d}.nav-tab,.segment-button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:640;transition:transform 90ms,background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.nav-tab[aria-selected=true],.segment-button[aria-pressed=true]{color:var(--ink);background:#fffffff2;box-shadow:0 1px 2px #17202b1a,0 4px 12px #17202b0a}.nav-tab:active,.segment-button:active{transform:scale(.97)}.summary-strip{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.summary-item{border-right:1px solid var(--line);min-width:0;padding:11px 15px}.summary-item:last-child{border-right:0}.summary-label{color:var(--subtle);letter-spacing:.055em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:680;display:block}.summary-value{font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:730;overflow:hidden}.summary-value.positive{color:#188157}.main-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.main-panel,.workflow-panel,.compare-panel,.results-panel,.templates-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px)saturate(135%)}.main-panel{min-width:0;overflow:hidden}.panel-header,.workflow-header,.view-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.panel-title,.view-title{min-width:0}.panel-title h2,.workflow-header h2,.view-title h2{letter-spacing:-.018em;margin:0;font-size:15px;font-weight:720}.panel-title p,.workflow-header p,.view-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.drop-zone{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 18%,#3b89eb1c,#0000 19rem),linear-gradient(145deg,#f7fbffeb,#f1f8f8d9);border:1.5px dashed #1769e04d;place-items:center;min-height:430px;margin:16px;transition:border-color .16s,background-color .16s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:grid;position:relative;overflow:hidden}.drop-zone:before,.drop-zone:after{content:"";background:#1769e009;border-radius:50%;width:230px;height:230px;position:absolute}.drop-zone:before{top:-120px;right:-45px}.drop-zone:after{background:#13a7b50b;bottom:-145px;left:-60px}.drop-zone.is-active{border-color:var(--blue);background:#e9f3fff5;transform:scale(.995);box-shadow:inset 0 0 0 4px #1769e012,0 10px 35px #1769e01a}.drop-content{z-index:1;text-align:center;width:min(100%,560px);padding:36px 24px;position:relative}.empty-icon{width:72px;height:72px;color:var(--blue);background:linear-gradient(155deg,#fff,#eaf3ff);border:1px solid #ffffffe6;border-radius:22px;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 16px 34px #1769e026,inset 0 1px #fff}.empty-icon svg{width:32px;height:32px}.drop-content h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:740;line-height:1.18}.drop-content>p{color:var(--muted);margin:10px auto 22px;font-size:14px}.drop-actions{justify-content:center;gap:9px;display:flex}.supported-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px;display:flex}.local-note{color:#47705d;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;font-weight:570;display:flex}.compact-drop{min-height:66px;color:var(--muted);background:#f1f7ff99;border:1.5px dashed #1769e03d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:14px 14px 0;padding:10px 13px;transition:background-color .15s,border-color .15s;display:flex}.compact-drop.is-active{border-color:var(--blue);background:var(--blue-soft)}.compact-drop strong{color:#344151;font-size:12px;display:block}.compact-drop span{font-size:10px;display:block}.gallery-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:9px 14px;display:flex}.gallery-toolbar-left{align-items:center;gap:8px;min-width:0;display:flex}.checkbox{cursor:pointer;background:#fff;border:1px solid #28374847;border-radius:6px;flex:0 0 19px;place-items:center;width:19px;height:19px;display:inline-grid;overflow:hidden}.checkbox input{opacity:0;width:1px;height:1px;position:absolute}.checkbox:has(input:checked){border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 2px #fff}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;padding:14px;display:grid}.image-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;min-width:0;transition:border-color .16s,box-shadow .18s,transform .18s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 9px #17202b0b}.image-card:hover{border-color:#1769e03d;transform:translateY(-2px);box-shadow:0 10px 25px #17202b17}.image-card.is-selected{border-color:#1769e0b3;box-shadow:0 0 0 3px #1769e01f,0 9px 24px #17202b14}.image-card.has-error{border-color:#d8444452}.thumbnail-wrap{aspect-ratio:4/3;background-color:#f8fafb;background-image:linear-gradient(45deg,#eef1f4 25%,#0000 25%),linear-gradient(-45deg,#eef1f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef1f4 75%),linear-gradient(-45deg,#0000 75%,#eef1f4 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;position:relative;overflow:hidden}.thumbnail-wrap img{object-fit:cover;width:100%;height:100%}.thumbnail-check{z-index:2;position:absolute;top:9px;left:9px;box-shadow:0 2px 9px #17202b26}.card-status{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181f28a8;border:1px solid #ffffff85;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:3px 7px;font-size:9px;font-weight:680;display:inline-flex;position:absolute;top:8px;right:8px}.card-status.done{background:#148255d6}.card-status.error{background:#b82f2fe0}.card-body{padding:10px 11px 11px}.file-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:12px;font-weight:680;display:block;overflow:hidden}.file-meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;font-size:10px;display:grid}.file-meta span:nth-child(2n){text-align:right}.file-error{color:#b53232;margin:8px 0 0;font-size:10px;line-height:1.35}.workflow-panel{max-height:calc(100vh - 108px);position:sticky;top:88px;overflow:hidden}.workflow-header{position:relative}.workflow-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#505e6e33 transparent;max-height:calc(100vh - 270px);overflow-y:auto}.workflow-list{padding:12px;position:relative}.workflow-list:before{background:linear-gradient(var(--blue), #1769e01a);content:"";width:1px;position:absolute;top:32px;bottom:32px;left:30px}.workflow-step{z-index:1;border:1px solid var(--line);background:#fffffff5;border-radius:13px;margin-bottom:8px;transition:border-color .15s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 2px 7px #17202b0a}.workflow-step.is-open{border-color:#1769e042;box-shadow:0 8px 22px #17202b13}fieldset.step-editor{border:0;min-width:0;margin:0}.step-summary{text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:53px;padding:8px 9px;display:grid}.step-icon{background:var(--blue-soft);width:32px;height:32px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.step-icon.crop{color:#7b4fbd;background:#f3ecff}.step-icon.format{color:#16877e;background:#e8f8f6}.step-icon.compress{color:#c2651d;background:#fff2e7}.step-icon.metadata{color:#526172;background:#edf1f5}.step-icon.rename{color:#bd4164;background:#fff0f4}.step-icon.zip{color:#53863d;background:#edf7e9}.step-copy{min-width:0}.step-copy strong,.step-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.step-copy strong{font-size:12px;font-weight:690}.step-copy span{color:var(--muted);margin-top:1px;font-size:10px}.step-controls{align-items:center;gap:2px;display:flex}.step-number{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:10px;font-weight:690}.step-editor{border-top:1px solid var(--line);background:#f8fafcd1;padding:13px}.field-group{margin-bottom:13px}.field-group:last-child{margin-bottom:0}.field-label,.field-heading{color:#485565;letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:690;display:flex}.field-help{color:var(--subtle);margin:5px 0 0;font-size:9.5px;line-height:1.4}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-input,.select-input,.number-input,.color-input-wrap{border:1px solid var(--line-strong);background:#fff;border-radius:9px;width:100%;min-height:37px;padding:7px 9px;font-size:12px;transition:border-color .14s,box-shadow .14s;box-shadow:inset 0 1px 2px #17202b06}.text-input:focus,.select-input:focus,.number-input:focus{border-color:#1769e09e;outline:none;box-shadow:0 0 0 3px #1769e01a}.input-with-unit{position:relative}.input-with-unit input{padding-right:31px}.input-with-unit span{color:var(--subtle);pointer-events:none;font-size:9px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.choice-grid,.preset-grid,.format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.choice-button,.preset-button,.format-button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;text-align:center;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:6px 7px;font-size:10.5px;font-weight:630;transition:border-color .14s,background-color .14s,color .14s,transform 90ms;display:flex}.choice-button:hover:not(:disabled),.preset-button:hover:not(:disabled),.format-button:hover:not(:disabled){color:var(--ink);border-color:#1769e047}.choice-button[aria-pressed=true],.preset-button[aria-pressed=true],.format-button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue-strong);border-color:#1769e075;box-shadow:inset 0 0 0 1px #1769e014}.choice-button:active,.preset-button:active,.format-button:active{transform:scale(.97)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-button{text-align:left;flex-direction:column;align-items:flex-start;min-height:44px;padding:7px 8px}.preset-button strong,.preset-button span{display:block}.preset-button strong{color:#344151;font-size:10px}.preset-button span{color:var(--subtle);font-size:9px}.range-row{grid-template-columns:minmax(0,1fr) 45px;align-items:center;gap:10px;display:grid}.range-input{width:100%;height:20px;accent-color:var(--blue);cursor:pointer;margin:0}.range-value{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;place-items:center;height:30px;font-size:11px;font-weight:680;display:inline-grid}.switch-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.switch-copy strong,.switch-copy span{display:block}.switch-copy strong{font-size:11px;font-weight:680}.switch-copy span{color:var(--muted);margin-top:2px;font-size:9.5px;line-height:1.35}.switch{flex:none;width:42px;height:25px;position:relative}.switch input{opacity:0;position:absolute}.switch-track{cursor:pointer;background:#cbd1d7;border-radius:999px;transition:background-color .18s;position:absolute;inset:0}.switch-track:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #17202b3b}.switch input:checked+.switch-track{background:var(--blue)}.switch input:checked+.switch-track:after{transform:translate(17px)}.color-row{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.color-swatch{border:1px solid var(--line-strong);background:#fff;border-radius:9px;width:40px;height:37px;overflow:hidden}.color-swatch input{cursor:pointer;border:0;width:54px;height:51px;margin:-7px;padding:0}.warning-box,.info-box,.privacy-box{color:#8e4b18;background:#fff8f1;border:1px solid #e77b252e;border-radius:9px;align-items:flex-start;gap:7px;padding:8px 9px;font-size:9.5px;line-height:1.42;display:flex}.info-box{color:#315d91;background:#f2f7ff;border-color:#1769e026}.privacy-box{color:#346a52;background:#f1faf5;border-color:#24a46d29}.warning-box svg,.info-box svg,.privacy-box svg{flex:0 0 14px;width:14px;height:14px;margin-top:1px}.workflow-footer{border-top:1px solid var(--line);background:#f8fafbcc;padding:12px}.workflow-footer .btn{width:100%}.template-save-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px;display:grid}.notice-stack{z-index:90;width:min(100% - 28px,520px);position:fixed;top:84px;left:50%;transform:translate(-50%)}.notice{box-shadow:var(--shadow-md);color:#344151;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #2331421f;border-radius:13px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;animation:.28s cubic-bezier(.2,.8,.2,1) notice-in;display:flex}.notice.success{color:#256548;border-color:#24a46d38}.notice.error{color:#a13333;border-color:#d8444438}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.processing-dock{z-index:45;right:max(18px,50vw - 812px);bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(24px)saturate(155%);background:#1d2530e3;border:1px solid #ffffffb3;border-radius:18px;grid-template-columns:auto minmax(170px,1fr) auto auto;align-items:center;gap:14px;padding:11px 13px;display:grid;position:fixed;left:max(18px,50vw - 812px);box-shadow:0 18px 45px #0f161e45,inset 0 1px #ffffff26}.dock-status{align-items:center;gap:10px;min-width:174px;display:flex}.dock-status-icon{color:#80baff;background:#ffffff1f;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.dock-status-icon.done{color:#7ee2b4}.dock-status strong,.dock-status span{display:block}.dock-status strong{font-size:12px;font-weight:680}.dock-status span{color:#ffffff9c;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:1px;font-size:9.5px;overflow:hidden}.dock-progress-wrap{min-width:0}.dock-progress-labels{color:#ffffffad;font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:5px;font-size:9px;display:flex}.progress-track{background:#ffffff21;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#3a91fa,#62d3cc);height:100%;transition:width .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #48a5ff5c}.dock-metrics{align-items:center;gap:13px;display:flex}.dock-metric span,.dock-metric strong{white-space:nowrap;display:block}.dock-metric span{color:#ffffff8f;text-transform:uppercase;font-size:8.5px;font-weight:630}.dock-metric strong{font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px}.dock-button{color:#243143;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 13px;font-size:11px;font-weight:680;text-decoration:none;transition:transform 90ms,background-color .14s;display:inline-flex}.dock-button:hover{background:#f1f6fb}.dock-button:active{transform:scale(.97)}.dock-button.cancel{color:#ffffffd1;background:0 0;border:1px solid #ffffff29}.compare-panel,.results-panel,.templates-panel{min-height:610px;overflow:hidden}.compare-layout{grid-template-columns:minmax(0,1fr) 240px;min-height:545px;display:grid}.comparison-stage{border-right:1px solid var(--line);background-color:#f6f8fa;background-image:linear-gradient(45deg,#dce2e894 25%,#0000 25%),linear-gradient(-45deg,#dce2e894 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce2e894 75%),linear-gradient(-45deg,#0000 75%,#dce2e894 75%),none;background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex}.comparison-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#e9edf1;border-radius:16px;width:min(100%,920px);max-height:500px;position:relative;overflow:hidden;box-shadow:0 18px 45px #17202b29}.comparison-canvas img{object-fit:contain;transform-origin:50%;width:100%;max-height:500px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:block}.comparison-after{position:absolute;inset:0;overflow:hidden}.comparison-after img{object-fit:contain;width:100%;max-width:none;height:100%}.comparison-divider{z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #17202b24,0 0 18px #17202b40}.comparison-handle{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e2732d1;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 17px #17202b4d}.compare-label{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c242db3;border:1px solid #ffffff59;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:680;position:absolute;top:10px}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-sidebar{background:#f9fafbb8;padding:16px}.compare-stat{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:11px}.compare-stat span,.compare-stat strong{display:block}.compare-stat span{color:var(--muted);font-size:9px}.compare-stat strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px}.zoom-row{justify-content:center;align-items:center;gap:5px;margin-top:14px;display:flex}.empty-view{text-align:center;place-items:center;min-height:500px;padding:30px;display:grid}.empty-view h3{letter-spacing:-.025em;margin:14px 0 5px;font-size:17px}.empty-view p{max-width:430px;color:var(--muted);margin:0 auto 17px;font-size:12px}.results-body,.templates-body{padding:18px}.results-hero{background:linear-gradient(140deg,#eff7ff,#f2fbf8);border:1px solid #1769e024;border-radius:16px;grid-template-columns:1.25fr repeat(3,minmax(0,.75fr));margin-bottom:16px;display:grid;overflow:hidden}.result-kpi{border-right:1px solid #1769e01a;padding:17px}.result-kpi:last-child{border-right:0}.result-kpi span,.result-kpi strong{display:block}.result-kpi span{color:var(--muted);font-size:10px}.result-kpi strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin-top:4px;font-size:21px;font-weight:740}.result-kpi.featured strong{color:#187b54;font-size:28px}.results-table{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.result-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(80px,.7fr));align-items:center;gap:10px;min-height:51px;padding:8px 12px;font-size:11px;display:grid}.result-row:last-child{border-bottom:0}.result-row.header{background:var(--surface-soft);min-height:39px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:9px;font-weight:680}.result-file{align-items:center;gap:9px;min-width:0;display:flex}.result-thumb{object-fit:cover;background:#edf1f4;border-radius:8px;flex:none;width:37px;height:37px}.result-file span{text-overflow:ellipsis;white-space:nowrap;font-weight:630;overflow:hidden}.savings-bar{align-items:center;gap:6px;display:flex}.savings-track{background:#e3e8ec;border-radius:999px;width:50px;height:5px;overflow:hidden}.savings-fill{border-radius:inherit;background:var(--mint);height:100%}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:185px;padding:15px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .15s;display:flex;position:relative;box-shadow:0 3px 13px #17202b0b}.template-card:hover{border-color:#1769e03b;transform:translateY(-2px);box-shadow:0 11px 27px #17202b16}.template-icon{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.template-card h3{letter-spacing:-.015em;margin:11px 0 3px;font-size:13px}.template-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-steps{flex-wrap:wrap;gap:4px;margin-top:auto;display:flex}.template-step-chip{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:3px 6px;font-size:8.5px;font-weight:640}.template-card .btn{width:100%;margin-top:11px}.mobile-workflow-trigger,.sheet-scrim,.sheet-close{display:none}.mobile-only{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link{z-index:200;box-shadow:var(--shadow-md);color:var(--blue-strong);background:#fff;border-radius:10px;padding:9px 12px;font-weight:680;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (max-width:1180px){.main-grid{grid-template-columns:minmax(0,1fr) 340px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.privacy-pill .privacy-label{display:none}}@media (max-width:900px){.app-shell{padding-bottom:calc(134px + env(safe-area-inset-bottom))}.main-grid{display:block}.workflow-panel{z-index:80;max-height:min(88vh,760px);box-shadow:var(--shadow-lg);border-radius:24px 24px 0 0;transition:transform .36s cubic-bezier(.2,.8,.2,1);position:fixed;inset:auto 0 0;transform:translateY(calc(100% + 30px))}.workflow-panel.is-mobile-open{transform:translateY(0)}.workflow-scroll{max-height:calc(min(88vh,760px) - 166px)}.sheet-scrim{z-index:70;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b232d4d;border:0;transition:opacity .26s;display:block;position:fixed;inset:0}.sheet-scrim.is-open{opacity:1;pointer-events:auto}.sheet-close{display:inline-grid}.mobile-workflow-trigger{display:inline-flex}.processing-dock{border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}.dock-progress-wrap{grid-area:2/1/auto/-1}.dock-metrics{display:none}.compare-layout{grid-template-columns:minmax(0,1fr)}.comparison-stage{border-right:0;border-bottom:1px solid var(--line);min-height:420px}.compare-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compare-stat{margin:0}.zoom-row{grid-column:1/-1}.results-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.result-kpi:nth-child(2){border-right:0}.result-kpi:nth-child(-n+2){border-bottom:1px solid #1769e01a}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.app-header{position:sticky}.header-inner{min-height:64px;padding:8px 13px}.brand{gap:9px}.brand-icon{border-radius:11px;flex-basis:39px;width:39px;height:39px}.brand-copy h1{max-width:190px;font-size:14px}.brand-copy p,.desktop-only,.privacy-pill{display:none!important}.mobile-only{display:inline-flex!important}.workspace{padding:11px 10px 22px}.workspace-nav{flex-direction:column;align-items:stretch;margin-bottom:10px}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.nav-tab{min-width:0;padding:6px 5px}.nav-tab span{font-size:10px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item:nth-child(2){border-right:0}.summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.summary-item{padding:9px 11px}.summary-value{font-size:14px}.main-panel,.compare-panel,.results-panel,.templates-panel{border-radius:17px}.panel-header,.view-header{min-height:55px;padding:10px 12px}.drop-zone{min-height:500px;margin:10px}.drop-content{padding:26px 16px}.drop-content h2{font-size:23px}.drop-actions{flex-direction:column;align-items:stretch}.drop-actions .btn{width:100%;min-height:44px}.compact-drop{margin:10px 10px 0}.compact-drop-copy{display:none}.gallery-toolbar{padding:8px 10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.image-card{border-radius:13px}.card-body{padding:8px 9px 9px}.file-meta{display:block}.file-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;text-align:left!important}.file-meta span:nth-child(n+3){display:none}.processing-dock{right:9px;bottom:calc(8px + env(safe-area-inset-bottom));padding:9px;left:9px}.dock-status{min-width:0}.dock-status-icon{width:33px;height:33px}.dock-status span{max-width:175px}.workflow-panel{max-height:92vh}.workflow-scroll{max-height:calc(92vh - 166px)}.comparison-stage{min-height:370px;padding:12px}.compare-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}.compare-stat:last-of-type{grid-column:1/-1}.results-body,.templates-body{padding:10px}.results-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.result-kpi{padding:11px}.result-kpi strong,.result-kpi.featured strong{font-size:18px}.results-table{overflow-x:auto}.result-row{width:660px}.template-grid{grid-template-columns:1fr}.template-card{min-height:165px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.image-card:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.app-header,.main-panel,.workflow-panel,.compare-panel,.results-panel,.templates-panel,.processing-dock,.notice{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.processing-dock{background:#1d2530}}@media (prefers-contrast:more){:root{--line:#141c2652;--line-strong:#141c2685}.app-header,.main-panel,.workflow-panel,.compare-panel,.results-panel,.templates-panel{background:#fff}}