:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f9f7;--panel:#fff;--panel-soft:#f4f8f5;--border:#dfe7ea;--text:#172033;--muted:#58657a;--accent:#0d5c70;--accent-strong:#0a4351;--accent-soft:#e9f4f6;--success:#1b8c61;--success-soft:#e9f7f1;--danger:#b54436;--danger-soft:#fff1ed;--shadow:0 20px 50px #0f172a17;background:#f7f9f8;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:linear-gradient(#f7f9f8 0%,#eef3f2 100%);margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}#root{min-height:100vh}.site-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell{flex:1;width:min(1100px,100% - 32px);margin:0 auto;padding:36px 0 50px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafced;border-bottom:1px solid #dde5ef;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;width:min(1100px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand,.footer-brand{color:var(--text);align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#f06449;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-family:SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:700;display:inline-flex}.nav-links{align-items:center;gap:26px;font-size:14px;font-weight:600;display:flex}.nav-links a{color:#536175}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.site-footer{color:#eef3f9;background:#172033;padding:36px 0 26px}.footer-content{width:min(1100px,100% - 32px);margin:0 auto}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:25px;height:25px}.footer-links{flex-wrap:wrap;gap:18px;margin-top:22px;display:flex}.footer-links a,.site-footer small{color:#d4ddea;font-size:12px}.site-footer small{border-top:1px solid #ffffff1f;margin-top:26px;padding-top:18px;display:block}.tool-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:30px 28px 26px}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.eyebrow{color:#d26045;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}h1,h2,h3,p,ul,ol{margin-top:0}h1{color:var(--text);letter-spacing:-.06em;margin-bottom:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.08}.page-subtitle{max-width:680px;color:var(--muted);margin-top:16px;font-size:1.1rem;line-height:1.6}.privacy-banner{background:var(--success-soft);color:var(--success);border:1px solid #1b8c612e;border-radius:999px;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;font-weight:600;display:inline-flex}.dropzone-wrap{margin-top:28px}.dropzone{background:linear-gradient(#f9fbfb 0%,#f3f8f6 100%);border:2px dashed #b9d4d7;border-radius:22px;justify-content:center;align-items:stretch;min-height:280px;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.dropzone-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:30px 20px;display:flex}.dropzone-content h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.5rem)}.dropzone-content p{color:var(--muted);margin:0}.dropzone-local{font-weight:600;color:var(--text)!important}.dropzone-box{background:#ffffff8c;border:1px solid #0d5c7014;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,550px);min-height:170px;padding:22px 18px;display:flex}.dropzone-title{font-size:1.1rem;font-weight:700}.dropzone-divider{color:var(--muted)}.upload-button,.button,.clear-button,.move-button,.remove-button,.drag-handle{border:0;border-radius:12px;transition:transform .2s,box-shadow .2s}.button,.clear-button{justify-content:center;align-items:center;gap:8px;padding:.9rem 1.25rem;font-weight:700;display:inline-flex}.button.primary,.upload-button{color:#fff;background:linear-gradient(#0d5c70 0%,#0a4351 100%);box-shadow:0 12px 24px #0d5c7033}.button.secondary{color:var(--text);border:1px solid var(--border);background:#f3f7f8}.button:hover,.clear-button:hover,.upload-button:hover,.move-button:hover,.remove-button:hover,.drag-handle:hover{transform:translateY(-1px)}.button:focus-visible,.clear-button:focus-visible,.upload-button:focus-visible,.move-button:focus-visible,.remove-button:focus-visible,.drag-handle:focus-visible,input:focus-visible,.radio-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.file-input{opacity:0;pointer-events:none;position:absolute}.selection-header{justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.selection-header h2{margin:0;font-size:1.4rem}.selection-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clear-button{color:var(--text);border:1px solid var(--border);background:#fff}.inline-error{background:var(--danger-soft);width:fit-content;max-width:100%;color:var(--danger);border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;font-weight:600;display:flex}.empty-state{border:1px solid var(--border);text-align:center;color:var(--muted);background:#fbfcfd;border-radius:18px;margin-top:20px;padding:24px 18px}.image-list-wrap{margin-top:20px}.image-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.image-item{border:1px solid var(--border);background:linear-gradient(#fff 0%,#fafdfd 100%);border-radius:18px;overflow:hidden}.image-item-main{grid-template-columns:auto 96px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.drag-handle{width:36px;height:36px;color:var(--muted);background:#f2f6f8;justify-content:center;align-items:center;display:inline-flex}.image-preview-wrap{border:1px solid var(--border);background:#edf3f4;border-radius:12px;width:96px;height:96px;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%}.image-item-info{flex-direction:column;min-width:0;display:flex}.image-filename{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.image-meta{color:var(--muted);font-size:.9rem}.image-item-actions{align-items:center;gap:8px;display:flex}.move-button{width:34px;height:34px;color:var(--text);border:1px solid var(--border);background:#f4f8f8;justify-content:center;align-items:center;display:inline-flex}.remove-button{background:var(--danger-soft);width:34px;height:34px;color:var(--danger);justify-content:center;align-items:center;display:inline-flex}.settings-panel{border:1px solid var(--border);background:#fbfcfd;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;padding:18px;display:grid}.settings-group h3{margin-bottom:10px;font-size:1rem}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-option{color:var(--text);align-items:center;gap:10px;font-weight:600;display:inline-flex}.radio-option input{accent-color:var(--accent)}.processing-box{border:1px solid var(--border);background:#f8fafc;border-radius:18px;margin-top:24px;padding:18px 20px}.processing-stage,.processing-subtitle,.progress-meta{color:var(--text);font-weight:600}.processing-subtitle{color:var(--muted);margin-top:6px;font-weight:500}.progress-bar{background:#e6eef0;border-radius:999px;width:100%;height:12px;margin-top:16px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#0d5c70,#5da5b8);height:100%;display:block}.progress-meta{margin-top:12px}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.merge-actions{margin-top:22px}.success-actions{flex-wrap:wrap;gap:12px;display:flex}.success-panel{background:var(--success-soft);color:var(--success);border:1px solid #1b8c6133;border-radius:18px;margin-top:24px;padding:18px 20px}.success-title{align-items:center;gap:8px;margin-bottom:10px;font-weight:800;display:flex}.success-panel p{color:var(--success);margin:0;line-height:1.7}.info-section{margin-top:28px;padding:0 0 4px}.info-section h2{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(1.8rem,2.5vw,2.4rem)}.info-section ol,.info-section ul{color:var(--muted);margin-left:1.2rem;line-height:1.8}.info-section p{color:var(--muted);line-height:1.8}.faq-list{gap:18px;margin-top:18px;display:grid}.faq-list article{border:1px solid var(--border);background:#fffc;border-radius:16px;padding:18px 20px}.faq-list h3{margin-bottom:8px;font-size:1.05rem}.more-tools-title{margin-bottom:14px;font-size:1.2rem}.tool-links{flex-wrap:wrap;gap:12px;display:flex}.tool-links a{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:999px;align-items:center;padding:.7rem 1rem;font-weight:600;display:inline-flex}@media (width<=720px){.tool-panel{padding:20px 16px 18px}.nav-wrap,.page-shell,.footer-content{width:min(100% - 20px,1100px)}.nav-links{gap:14px;font-size:12px}.privacy-banner{border-radius:14px;justify-content:center;width:100%;display:flex}.selection-header{flex-direction:column;align-items:flex-start}.settings-panel{grid-template-columns:1fr}.image-item-main{grid-template-columns:auto 72px 1fr}.image-item-actions{grid-column:2/-1;justify-content:flex-end;margin-top:4px}.image-preview-wrap{width:72px;height:72px}}