:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171719;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#171719;--muted:#77777e;--line:#e6e6e9;--blue:#2457c5;--surface:#fff;--radius:22px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -30%,#fff,#f5f5f7 64%);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{max-width:1120px;margin:0 auto;padding:0 34px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(25,25,30,.07)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.045em;font-size:17px}.brand img{width:32px;height:32px;border-radius:9px}.brand-light{font-weight:500;color:#77777e}.topbar-note{display:flex;align-items:center;gap:8px;color:#77777e;font-size:12px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#40a777;box-shadow:0 0 0 3px #40a7771c}.hero{text-align:center;padding:75px 0 45px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.18em;font-weight:700;color:#77777e}.eyebrow-line{height:1px;width:22px;background:#a4a4aa}.hero h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(42px,6.4vw,72px);letter-spacing:-.075em;line-height:1.04;margin:22px 0 20px;font-weight:700}.hero h1 span{color:#8b8b92}.hero-copy{color:#707077;font-size:15px;line-height:1.8;margin:0}.workspace{max-width:850px;margin:0 auto;background:#ffffffdb;border:1px solid #e8e8eb;border-radius:26px;padding:30px;box-shadow:0 18px 55px #16161e0b,0 2px 8px #16161e06;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.workspace-heading h2{font-size:18px;letter-spacing:-.04em;margin:0 0 5px}.workspace-heading p{margin:0;color:#818188;font-size:12px}.text-button{border:0;background:transparent;color:#77777e;font-size:12px;padding:8px}.text-button:hover,.inline-button:hover{color:var(--blue)}.dropzone{min-height:218px;border:1.5px dashed #d4d4da;border-radius:18px;background:linear-gradient(145deg,#fbfbfc,#f7f7f9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;outline:none}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{border-color:#8da5df;background:#f5f7fd}.dropzone.dragging{transform:scale(.995)}.upload-icon{width:42px;height:42px;border:1px solid #e5e5e9;background:#fff;border-radius:14px;display:grid;place-items:center;color:#3b3b41;margin-bottom:3px;box-shadow:0 3px 8px #00000005}.upload-icon svg{width:22px;height:22px}.dropzone strong{font-size:14px;font-weight:600}.dropzone>span{font-size:12px;color:#85858b}.inline-button{padding:0;border:0;background:none;color:var(--blue);font-size:12px}.dropzone small{font-size:10px;color:#a0a0a6;margin-top:4px}.settings{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;padding:26px 0 24px;border-bottom:1px solid var(--line)}.setting{min-width:0}.setting>label,.label-row label{font-size:11px;font-weight:600;color:#55555c;display:block;margin-bottom:10px}.optional{font-weight:400;color:#9999a0}.select-wrap{position:relative}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e4e4e8;border-radius:10px;background:#fff;padding:11px 32px 11px 12px;color:#25252a;font-size:12px;outline:none}.select-wrap select:focus,.dimensions input:focus{border-color:#9aafe4;box-shadow:0 0 0 3px #2457c510}.select-chevron{position:absolute;right:12px;top:7px;color:#777;pointer-events:none;font-size:17px}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row label{margin-bottom:10px}.label-row output{font-size:11px;font-weight:600;color:#55555c}.setting input[type=range]{width:100%;accent-color:var(--blue);margin:3px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#a0a0a6;margin-top:8px}.dimensions{display:flex;align-items:center;gap:7px}.dimensions input{width:calc(50% - 8px);min-width:0;border:1px solid #e4e4e8;border-radius:9px;background:#fff;padding:10px 7px;font-size:11px;outline:none}.dimensions span{font-size:10px;color:#999}.checkline{display:flex!important;align-items:center;gap:6px;font-size:10px!important;color:#77777e!important;font-weight:400!important;margin-top:10px!important;margin-bottom:0!important}.checkline input{accent-color:var(--blue);margin:0}.ico-options{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.ico-options[hidden],.setting[hidden]{display:none}.ico-options strong{font-size:12px}.ico-options p{font-size:10px;color:#85858b;margin:5px 0 0}.size-chips{display:flex;gap:6px;flex-wrap:wrap}.size-chips label input{position:absolute;opacity:0;pointer-events:none}.size-chips label span{display:grid;place-items:center;width:36px;height:32px;border:1px solid #e2e2e7;border-radius:9px;background:#fff;font-size:10px;color:#666;cursor:pointer}.size-chips input:checked+span{border-color:#b9c8eb;background:#f1f5ff;color:#244fa7}.queue-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0 9px}.queue-heading h3{margin:0;font-size:12px}.queue-heading h3 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:7px;background:#f0f0f3;color:#666;font-size:10px}.queue-heading>span{font-size:10px;color:#8a8a91}.file-list:empty{display:none}.file-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f0f2;position:relative}.file-preview{width:44px;height:44px;border:1px solid #ededf0;border-radius:10px;background:repeating-conic-gradient(#f2f2f4,#f2f2f4 25%,#fff 0%,#fff 50%) 50%/12px 12px;overflow:hidden;display:grid;place-items:center}.file-preview img{width:100%;height:100%;object-fit:contain}.file-details{min-width:0;display:flex;flex-direction:column;gap:5px}.file-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:10px;color:#8b8b92}.file-status{font-size:10px;white-space:nowrap}.status-ready{color:#898990}.status-working{color:var(--blue)}.status-done{color:#29845d}.status-error{color:#c44b4b}.file-actions{display:flex;gap:4px}.icon-button{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777;font-size:17px}.icon-button:hover{background:#f3f3f5;border-color:#e9e9ed}.remove-button{font-size:20px;color:#a2a2a8}.file-error{grid-column:2/-1;margin:0;color:#b94343;font-size:10px}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:22px}.privacy-note{display:flex;align-items:center;gap:7px;color:#898990;font-size:10px}.privacy-note svg{width:16px;height:16px;flex-shrink:0}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:11px;padding:12px 17px;font-size:11px;font-weight:600;transition:transform .15s,background .15s}.primary-button{border:1px solid #171719;background:#171719;color:#fff;min-width:160px;box-shadow:0 3px 6px #00000012}.primary-button:hover:not(:disabled){background:#303035;transform:translateY(-1px)}.primary-button span[aria-hidden]{font-size:15px;font-weight:400}.secondary-button{border:1px solid #dedee3;background:#fff;color:#242428}.secondary-button:hover:not(:disabled){background:#f6f6f8}.result-bar{margin-top:18px;padding:16px;border:1px solid #dfe9e2;background:#f7fbf8;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.result-bar[hidden]{display:none}.result-bar strong{font-size:12px}.result-bar p{margin:5px 0 0;font-size:10px;color:#777}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:70px 25px 75px}.feature-number{font-size:10px;color:#9b9ba2;letter-spacing:.1em}.feature h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:-.035em;margin:14px 0 9px}.feature p{font-size:11px;line-height:1.8;color:#77777e;margin:0;max-width:240px}footer{display:flex;align-items:center;gap:18px;padding:24px 0 30px;border-top:1px solid #e4e4e8;color:#929299;font-size:10px}.footer-brand{display:flex;align-items:center;gap:7px;color:#5b5b62;font-weight:600}.footer-brand img{width:22px;height:22px;border-radius:6px}footer>a{margin-left:auto;color:#77777e;text-decoration:none}footer>a:hover{color:var(--blue)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#202024;color:#fff;padding:12px 17px;border-radius:12px;font-size:12px;box-shadow:0 8px 30px #0002;transition:opacity .2s,transform .2s;z-index:10;max-width:calc(100vw - 32px)}.toast.visible{opacity:1;transform:translate(-50%)}.spinner{width:12px;height:12px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.app-shell{padding:0 17px}.topbar{height:68px}.brand{font-size:15px}.brand img{width:29px;height:29px}.topbar-note{font-size:10px}.hero{padding:58px 0 32px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-copy{font-size:13px}.desktop-break{display:none}.workspace{padding:19px;border-radius:21px}.dropzone{min-height:190px}.settings{grid-template-columns:1fr 1fr;gap:21px 16px}.setting:last-child{grid-column:1/-1}.dimensions input{padding:11px}.actionbar{align-items:flex-start;flex-direction:column}.primary-button{width:100%;padding:14px}.privacy-note{font-size:10px}.features{grid-template-columns:1fr;gap:27px;padding:48px 8px}.feature h3{margin-top:8px}.feature p{max-width:420px}.ico-options{align-items:flex-start;flex-direction:column}.size-chips{width:100%}.result-bar{align-items:flex-start;flex-direction:column}.result-bar button{width:100%}footer{flex-wrap:wrap;gap:10px}footer>span{width:100%;order:3}footer>a{margin-left:auto}.file-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.file-preview{width:38px;height:38px}.file-status{grid-column:2;grid-row:2;margin-top:-5px}.file-actions{grid-column:3;grid-row:1/3}.file-details{grid-column:2;grid-row:1}.file-error{grid-column:2/-1}.queue-heading{gap:8px}.queue-heading>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-legal-links{display:flex;flex-wrap:wrap;gap:14px;margin-left:auto}.site-legal-links a{font-size:10px;color:#85858b;text-decoration:none}.site-legal-links a:hover{color:#2457c5}@media(max-width:700px){.site-legal-links{width:100%;margin-left:0}}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:11px;white-space:nowrap}.theme-toggle:hover{border-color:var(--blue)}.theme-icon{font-size:15px;line-height:1}@media(max-width:520px){.topbar-actions{gap:8px}.topbar-note{display:none}.theme-toggle{padding:7px 9px}}html[data-theme=dark]{color-scheme:dark;--ink:#f0f0f3;--muted:#a4a4ae;--line:#36363e;--surface:#242429;background:#17171b;color:var(--ink)}html[data-theme=dark] body{background:radial-gradient(ellipse at 50% -30%,#292930,#17171b 64%);color:var(--ink)}html[data-theme=dark] .brand-light,html[data-theme=dark] .topbar-note,html[data-theme=dark] .eyebrow,html[data-theme=dark] .hero-copy,html[data-theme=dark] .workspace-heading p,html[data-theme=dark] .setting>label,html[data-theme=dark] .label-row label,html[data-theme=dark] .text-button,html[data-theme=dark] .file-meta,html[data-theme=dark] .queue-heading>span,html[data-theme=dark] .privacy-note,html[data-theme=dark] .feature p,html[data-theme=dark] footer,html[data-theme=dark] footer>a{color:#a5a5af}html[data-theme=dark] .topbar{border-bottom-color:#34343b}html[data-theme=dark] .workspace,html[data-theme=dark] .about-card{background:#24242aeb;border-color:#383840}html[data-theme=dark] .dropzone{background:linear-gradient(145deg,#25252c,#202026);border-color:#484852}html[data-theme=dark] .dropzone:hover,html[data-theme=dark] .dropzone:focus-visible,html[data-theme=dark] .dropzone.dragging{background:#252d3c;border-color:#6688d2}html[data-theme=dark] .upload-icon,html[data-theme=dark] .select-wrap select,html[data-theme=dark] .dimensions input,html[data-theme=dark] .size-chips label span,html[data-theme=dark] .secondary-button,html[data-theme=dark] .theme-toggle{background:#292930;border-color:#41414a;color:#eeeef4}html[data-theme=dark] .select-wrap select,html[data-theme=dark] .dimensions input{color-scheme:dark}html[data-theme=dark] .size-chips input:checked+span{background:#293957;border-color:#6485cb;color:#dce7ff}html[data-theme=dark] .queue-heading h3 span{background:#383840;color:#dedee5}html[data-theme=dark] .file-row,html[data-theme=dark] .settings,html[data-theme=dark] .ico-options,html[data-theme=dark] footer{border-color:#36363e}html[data-theme=dark] .file-preview{background:repeating-conic-gradient(#303038,#303038 25%,#25252c 0%,#25252c 50%) 50%/12px 12px;border-color:#41414a}html[data-theme=dark] .icon-button{color:#b6b6c0}html[data-theme=dark] .icon-button:hover{background:#383840;border-color:#494951}html[data-theme=dark] .primary-button{background:#eeeef4;border-color:#eeeef4;color:#19191d}html[data-theme=dark] .primary-button:hover:not(:disabled){background:#d8d8e0}html[data-theme=dark] .result-bar{background:#202d25;border-color:#344d3c}html[data-theme=dark] .result-bar p{color:#b4c5b8}html[data-theme=dark] .about-page h1 span{color:#a5a5af!important}html[data-theme=dark] .about-lead{color:#b7b7c1!important}html[data-theme=dark] .about-card{background:#24242aeb!important;border-color:#383840!important}html[data-theme=dark] .about-card p{color:#b7b7c1!important}html[data-theme=dark] .about-back{color:#91adf3}