.sc{--ink:#121a33;--muted:#56607a;--line:#dfe3ee;--paper:#fff;--ground:#f3f5fb;--brand:#2546e8;--brand-dark:#1b36bd;--danger:#b3261e;--accent:#2546e8;--soft:#e8edfe;--hover:#e9ecf5;--well:#eceff7;--track:#dfe3ee;--dash:#b4bcd3;--alert:#fdeaea;--undo:#e7eaf3;--drop-active:#eef2ff;--veil:#ffffffb3;--shadow:#121a331f;min-height:100vh;color:var(--ink);background:var(--ground);flex-direction:column;font-size:18px;line-height:1.5;display:flex}html:has(.sc){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f5fb}html[data-theme=dark]:has(.sc){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11152a}html[data-theme=dark] .sc{--ink:#e9ecf6;--muted:#a0a9c0;--line:#2c3350;--paper:#1a2038;--ground:#11152a;--brand:#3a5bff;--brand-dark:#5272ff;--danger:#f2a6a0;--accent:#a3b4ff;--soft:#232c4f;--hover:#262e4a;--well:#141933;--track:#2c3350;--dash:#434c70;--alert:#3f2124;--undo:#242b47;--drop-active:#202a52;--veil:#11152ab3;--shadow:#0007}.sc main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:0 16px}.sc button{color:inherit;background:0 0;border:0;border-radius:10px;padding:0;font-weight:600}.sc button:hover:not(:disabled){border-color:#0000}.sc-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.sc-nav{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 max(16px,50% - 504px);display:flex}.sc-actions{align-items:center;gap:4px;display:flex}.sc .sc-theme{width:44px;height:44px;color:var(--muted);place-items:center;display:grid}.sc .sc-theme:hover{color:var(--ink);background:var(--hover)}.sc-sun,html[data-theme=dark] .sc-moon{display:none}html[data-theme=dark] .sc-sun{display:block}.sc-brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:24px;font-weight:700;text-decoration:none;display:inline-flex}.sc .sc-link{color:var(--accent);padding:8px 12px}.sc .sc-link:hover{background:var(--hover)}.sc-alert,.sc-undo{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.sc-alert{width:calc(100% - 32px);max-width:1008px;color:var(--danger);background:var(--alert);margin:12px auto;padding:12px 14px}.sc-undo{background:var(--undo);margin-bottom:12px;padding:10px 14px}.sc .sc-undo button{color:var(--accent);text-decoration:underline}.sc .sc-primary{color:#fff;background:var(--brand);justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 28px;font-size:19px;display:inline-flex}.sc .sc-primary:hover:not(:disabled){background:var(--brand-dark)}.sc-hero{text-align:center;flex-direction:column;justify-content:center;width:100%;max-width:560px;min-height:calc(100svh - 76px);margin:0 auto;padding:0 0 8vh;display:flex}.sc-hero h1{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(40px,7vw,58px);line-height:1.12}.sc-drop{background:var(--paper);border:2px dashed var(--dash);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:36px 20px;transition:border-color .15s,background .15s;display:flex}.sc-dragging .sc-drop{border-color:var(--accent);background:var(--drop-active)}.sc-drop .sc-primary{width:100%;max-width:280px}.sc-drop-hint{color:var(--muted);margin:0;font-size:16px}.sc-privacy{color:var(--muted);margin:16px 0 0;font-size:16px}.sc .sc-camera{display:none}@media (pointer:coarse){.sc .sc-camera{display:inline-flex}.sc .sc-choose{color:var(--accent);background:var(--soft)}.sc .sc-choose:hover:not(:disabled){color:#fff}}.sc-work{padding-top:20px!important;padding-bottom:32px!important}.sc-status{margin-bottom:16px}.sc-status h1{letter-spacing:-.02em;margin:0;font-size:30px}.sc-progress{background:var(--track);border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.sc-progress i{background:var(--brand);height:100%;transition:width .3s;display:block}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.sc-tile{background:var(--paper);min-height:200px;box-shadow:0 1px 3px var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sc-moving{opacity:.4}.sc .sc-thumb{background:var(--well);cursor:zoom-in;border-radius:0;flex:1;place-items:center;padding:8px;display:grid;position:relative}.sc-thumb img{background:#fff;max-width:100%;max-height:240px;display:block;box-shadow:0 1px 4px #0003}.sc-busy{background:var(--veil);place-items:center;display:grid;position:absolute;inset:0}.sc-tools{justify-content:space-between;align-items:center;padding:4px;display:flex}.sc-number{padding:0 8px;font-size:16px;font-weight:700}.sc .sc-tools button{width:40px;height:40px;color:var(--muted);place-items:center;display:grid}.sc .sc-tools button:hover:not(:disabled){color:var(--ink);background:var(--hover)}.sc-placeholder{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:16px}.sc-placeholder p{overflow-wrap:anywhere;margin:0;font-size:16px}.sc-failed{color:var(--danger);background:var(--alert)}.sc-add{border:2px dashed var(--dash);box-shadow:none;background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:8px}.sc .sc-add button{width:56px;height:56px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.sc-add .sc-icon{width:26px;height:26px}.sc .sc-add button:hover{background:var(--soft)}.sc .sc-add .sc-camera{display:none}@media (pointer:coarse){.sc .sc-add .sc-camera{color:var(--accent);display:inline-flex}}.sc-bar{background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 14px var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:16px -16px 0;padding:12px 16px;display:flex;position:sticky;bottom:0}.sc-filters{background:var(--hover);border-radius:10px;padding:3px;display:flex}.sc .sc-filters button{min-height:40px;color:var(--muted);border-radius:8px;padding:0 14px;font-size:16px}.sc .sc-filters button[aria-pressed=true]{color:var(--ink);background:var(--paper);box-shadow:0 1px 2px #0002}.sc-download{align-items:center;gap:12px;margin-left:auto;display:flex}.sc .sc-download .sc-primary{min-height:48px}.sc-options{position:relative}.sc-options summary{width:44px;height:44px;color:var(--muted);cursor:pointer;place-items:center;list-style:none;display:grid}.sc-options summary::-webkit-details-marker{display:none}.sc-options>div{z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:250px;padding:14px;font-size:16px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0002}.sc-options label{flex-direction:column;gap:4px;display:flex}.sc-options select{font:inherit;border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:8px;padding:8px}.sc-done{width:100%;color:var(--accent);text-align:right;margin:0;font-size:16px}.sc-spinner{border:2px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite sc-spin;display:inline-block}.sc-primary .sc-spinner{border-color:#fff #fff5 #fff5}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sc-spinner{animation-duration:3s}}.sc .modal{color:var(--ink);background:var(--paper)}.sc .modal h2{color:var(--ink)}.sc .modal-top p{color:var(--muted)}.sc .modal button{border-radius:9px;padding:10px 15px}.sc .modal button:hover:not(:disabled){background:var(--hover)}.sc .modal button.primary{color:#fff;background:var(--brand)}.sc .modal button.primary:hover:not(:disabled){background:var(--brand-dark)}.sc-section{padding-bottom:56px}.sc-section h2{letter-spacing:-.02em;margin:0 0 16px;font-size:30px;line-height:1.2}.sc-section h3{margin:0 0 4px;font-size:19px}.sc-section p{color:var(--muted);margin:0}.sc-compare{margin:0 0 56px}.sc-pictures{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.sc-pictures div{background:var(--well);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.sc-pictures img{object-fit:contain;width:100%;height:auto;max-height:520px;filter:drop-shadow(0 3px 10px var(--shadow));border-radius:4px;display:block}.sc-pictures span{font-size:16px;font-weight:600}.sc-compare figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:16px}.sc-feature-icon{box-sizing:content-box;width:24px;height:24px;color:var(--accent);background:var(--soft);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:12px;margin-bottom:12px;padding:10px;display:block}.sc-prose{max-width:720px}.sc-prose>p+p{margin-top:12px}.sc-prose>p{font-size:19px}.sc-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.sc-features article{background:var(--paper);border-radius:12px;padding:20px}.sc-tips{color:var(--muted);margin:0;padding-left:20px}.sc-tips li+li{margin-top:6px}.sc-facts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 32px;margin:0;display:grid}.sc-facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:12px 0;display:flex}.sc-facts dt{flex:none;font-weight:600}.sc-facts dd{color:var(--muted);text-align:right;margin:0}.sc-faq details{border-bottom:1px solid var(--line);padding:14px 0}.sc-faq summary{cursor:pointer;font-weight:600}.sc-faq p{margin-top:8px}.sc-related{color:var(--ink);background:var(--soft);border-radius:12px;flex-direction:column;gap:2px;padding:20px;text-decoration:none;display:flex}.sc-related span{color:var(--muted)}.sc-related:hover strong{color:var(--accent)}.sc-footer{width:100%;max-width:1040px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:0 auto;padding:16px;font-size:15px;display:flex}.sc-footer a{color:var(--muted)}.sc-preview{justify-content:center;align-items:center;padding:16px;display:flex}.sc-preview img{object-fit:contain;background:#fff;max-width:100%;max-height:100%}.sc .sc-preview button{color:#fff;background:#0008;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:12px;right:12px}@media (max-width:360px){.sc-brand{font-size:20px}}@media (max-width:560px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc .sc-tools button{width:36px}.sc-number{padding:0 4px}.sc-filters{width:100%}.sc .sc-filters button{flex:1;padding:0 6px}.sc-download{width:100%}.sc .sc-download .sc-primary{flex:1}.sc-options>div{left:0;right:auto}}
