:root{--accent:#2775b6;--accent-strong:#18568f;--accent-soft:#2775b61f;--accent-ring:#2775b63d;--accent-glow:#2775b638;--success:#3a9b68;--danger:#c84b4b;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--shadow-soft:0 24px 80px #10284214;--shadow-card:0 16px 40px #0f233a1f;--shadow-floating:0 18px 40px #07162438;--transition-fast:.18s ease;--transition-medium:.26s ease;--font-display:"Poppins", "Noto Sans SC", "Noto Sans JP", sans-serif;--font-body:"Noto Sans SC", "Noto Sans JP", "PingFang SC", "Microsoft YaHei", sans-serif}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f7fb;--bg-layer:#fff;--bg-elevated:#ffffffd1;--surface:#fff;--surface-strong:#f7fbff;--surface-alt:#edf4fb;--border:#2754811f;--border-strong:#2775b642;--text:#16324d;--text-muted:#5f7490;--text-soft:#7f92ab;--header-glass:#ffffffb8;--chip-bg:#ffffffbf;--drop-zone-bg:linear-gradient(180deg, #fffffff2, #f2f8fdfa);--body-grid:#2775b60d}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111c;--bg-layer:#0c1827;--bg-elevated:#0c1827d6;--surface:#0f1d2f;--surface-strong:#102235;--surface-alt:#13283d;--border:#80aedc1f;--border-strong:#5ea8ec47;--text:#eff6ff;--text-muted:#b5c6db;--text-soft:#81a0be;--header-glass:#08111cb8;--chip-bg:#0f1d2fb8;--drop-zone-bg:linear-gradient(180deg, #102235f5, #0b1725fa);--body-grid:#ffffff08;--shadow-soft:0 24px 80px #0000004d;--shadow-card:0 18px 44px #00000042;--shadow-floating:0 24px 48px #00000052}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{background:radial-gradient(circle at top left, #2775b62e, transparent 28%), radial-gradient(circle at top right, #2775b61a, transparent 24%), linear-gradient(180deg, var(--bg), var(--bg-layer));min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}body:before{content:"";background-image:linear-gradient(var(--body-grid) 1px, transparent 1px), linear-gradient(90deg, var(--body-grid) 1px, transparent 1px);pointer-events:none;background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 75%);mask-image:linear-gradient(#0009,#0000 75%)}button,input,select{font:inherit}.app-backdrop{filter:blur(12px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2775b647,#0000 68%);border-radius:50%;width:42vw;min-width:300px;height:42vw;min-height:300px;position:fixed;inset:auto -12vw -28vh auto}.site-header,.main,.site-footer{z-index:1;position:relative}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--header-glass);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:18px 28px;display:flex}.logo-wrap,.logo,.logo-copy,.header-controls,.toolbar-field{display:flex}.logo{align-items:center;gap:14px}.logo-icon{width:48px;height:48px;color:var(--accent);background:linear-gradient(#2775b633,#2775b60f);border-radius:16px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #2775b624}.logo-copy{flex-direction:column;gap:2px}.logo-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.5rem,2.2vw,1.85rem);font-weight:700;line-height:1}.logo-name .accent{color:var(--accent)}.logo-tagline{color:var(--text-muted);font-size:.84rem}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px}.toolbar-field{flex-direction:column;gap:6px;min-width:150px}.toolbar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem}.toolbar-select{appearance:none;border:1px solid var(--border);background-color:var(--surface);background:linear-gradient(180deg, var(--surface), var(--surface-strong));width:100%;color:var(--text);border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px #ffffff0f}.toolbar-select option,.toolbar-select optgroup{background:var(--surface-strong);color:var(--text)}.main{max-width:1180px;margin:0 auto;padding:40px 28px 88px}.hero-panel{grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr);gap:22px;margin-bottom:28px;display:grid}.hero-copy,.hero-points,.workbench,.option-block,.toggle-row,.gap-row,.file-info-bar,.progress-block,.stitch-preview,.thumb-item{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-copy{border-radius:var(--radius-lg);background:linear-gradient(135deg, #2775b624, transparent 55%), linear-gradient(180deg, var(--surface), var(--surface-strong));padding:32px}.hero-eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-title,.section-title{font-family:var(--font-display);letter-spacing:-.04em;line-height:1.08}.hero-title{max-width:14ch;margin-top:14px;font-size:clamp(2.4rem,5vw,4.5rem)}.hero-subtitle,.section-subtitle{color:var(--text-muted);max-width:62ch;margin-top:18px;font-size:1.02rem}.hero-points{border-radius:var(--radius-lg);gap:12px;padding:20px;display:grid}.hero-point{border-radius:var(--radius-md);background:var(--chip-bg);border:1px solid var(--border);padding:18px}.hero-point__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.78rem;display:block}.hero-point__value{font-family:var(--font-display);color:var(--text);margin-top:8px;font-size:1.12rem;font-weight:600;display:block}.workbench{border-radius:calc(var(--radius-lg) + 4px);padding:26px}.panel-head,.drop-zone-shell{margin-bottom:22px}.section{display:none}.section.active{animation:section-enter var(--transition-medium) both;display:block}@keyframes section-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--drop-zone-bg);min-height:380px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;outline:none;position:relative}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone--over{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-ring), var(--shadow-floating);transform:translateY(-1px)}.drop-zone--error{border-color:var(--danger);box-shadow:0 0 0 5px #c84b4b2e, var(--shadow-floating)}.drop-zone__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.drop-zone__icon{color:var(--accent);margin-bottom:14px}.drop-zone__label{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.1}.drop-zone__sub,.drop-zone__hint{color:var(--text-muted)}.drop-zone__sub{align-items:center;gap:6px;margin-top:12px;display:flex}.drop-zone__hint{margin-top:12px;font-size:.95rem}.link-btn{appearance:none;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.link-btn.small{font-size:.95rem}.file-info-bar{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:18px 20px;display:flex}.file-info-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.file-info__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);font-size:1.1rem;font-weight:600;overflow:hidden}.file-info__size{color:var(--text-muted);font-size:.92rem}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.option-block,.toggle-row,.gap-row{border-radius:var(--radius-md);padding:22px}.option-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:.86rem;font-weight:600;display:flex}.option-value{font-family:var(--font-display);color:var(--accent);font-size:1.1rem}.range-input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#2775b64d,#2775b614);border-radius:999px;width:100%;height:4px}.range-input::-webkit-slider-thumb{appearance:none;border:4px solid var(--accent);width:18px;height:18px;box-shadow:0 0 0 4px var(--accent-soft);background:#fff;border-radius:50%}.range-input::-moz-range-thumb{border:4px solid var(--accent);width:18px;height:18px;box-shadow:0 0 0 4px var(--accent-soft);background:#fff;border-radius:50%}.range-ticks{color:var(--text-soft);justify-content:space-between;margin-top:10px;font-size:.82rem;display:flex}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.toggle-row__label{flex-direction:column;gap:4px;display:flex}.toggle-row__title{font-family:var(--font-display);font-size:1.12rem;font-weight:600}.toggle-row__sub{color:var(--text-muted);font-size:.92rem}.gap-row{background:linear-gradient(180deg, var(--surface-alt), var(--surface));margin-top:14px}.toggle-wrap{position:relative}.toggle-wrap input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{width:56px;height:32px;transition:background var(--transition-fast);background:#2775b62e;border-radius:999px;align-items:center;padding:4px;display:inline-flex}.toggle-thumb{width:24px;height:24px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 8px 20px #08121d33}.toggle-wrap input:checked~.toggle-track{background:var(--accent)}.toggle-wrap input:checked~.toggle-track .toggle-thumb{transform:translate(24px)}.btn-convert,.btn-download,.btn-secondary{appearance:none;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border:0}.btn-convert{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 16px 30px var(--accent-glow);border-radius:999px;align-items:center;gap:12px;margin-top:26px;padding:16px 24px;display:inline-flex}.btn-convert__text{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.btn-convert__arrow{font-size:1.2rem}.btn-download,.btn-secondary{border-radius:999px;padding:13px 20px}.btn-download{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 12px 24px var(--accent-glow);align-items:center;gap:10px;display:inline-flex}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-download:hover,.btn-convert:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-download:disabled{opacity:.6;cursor:not-allowed}.progress-block{border-radius:var(--radius-lg);max-width:640px;margin:50px auto 0;padding:32px}.progress-header,.results-header,.results-actions,.results-summary{display:flex}.progress-header,.results-header{justify-content:space-between;align-items:center;gap:18px}.progress-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);font-size:.82rem;font-weight:700}.progress-counter,.results-count{font-family:var(--font-display);color:var(--accent)}.progress-counter{font-size:2rem}.progress-track{background:#2775b61f;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #4d9fe0);width:0;height:100%;box-shadow:0 0 16px var(--accent-glow);transition:width .22s}.progress-page-info{color:var(--text-muted);margin-top:14px}.results-header{flex-wrap:wrap;margin-bottom:26px}.results-summary{align-items:baseline;gap:10px}.results-count{font-size:clamp(2.8rem,7vw,4.2rem);line-height:1}.results-unit{color:var(--text-muted);font-size:.95rem}.results-actions{flex-wrap:wrap;gap:12px}.stitch-preview{border-radius:var(--radius-md);max-height:540px;overflow:auto}.stitch-preview img{width:100%;display:block}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.thumb-item{border-radius:var(--radius-md);overflow:hidden}.thumb-item img{aspect-ratio:.707;object-fit:cover;object-position:top;width:100%;display:block}.thumb-label{color:var(--text-muted);border-top:1px solid var(--border);background:var(--surface-alt);padding:10px 12px;display:block}.site-footer{text-align:center;color:var(--text-soft);padding:18px 28px 30px;font-size:.84rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2775b659;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (width<=980px){.hero-panel{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.header-controls{justify-content:flex-start;width:100%}}@media (width<=720px){.main{padding:24px 16px 72px}.header-inner,.site-footer{padding-left:16px;padding-right:16px}.workbench,.hero-copy,.hero-points,.progress-block{padding:20px}.options-grid{grid-template-columns:1fr}.file-info-bar,.toggle-row,.results-header{flex-direction:column;align-items:flex-start}.toolbar-field{flex:160px;min-width:min(100%,180px)}.drop-zone{min-height:320px}.btn-convert,.btn-download,.btn-secondary{justify-content:center;width:100%}.results-actions{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tool-navigation{gap:24px;margin-bottom:24px;font-size:.92rem;display:flex}.tool-navigation a{color:var(--accent);text-underline-offset:4px}