@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/comfortaa-latin-wght-normal.02tsg2rj98x0t.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-family:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-display:"Comfortaa", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-2xs:.625rem;--font-size-xs:.6875rem;--font-size-small:.8125rem;--font-size-form:.875rem;--font-size-body:.9375rem;--font-size-md:1rem;--font-size-h2:1.25rem;--font-size-h1:clamp(1.875rem, 3vw + 1rem, 2.75rem);--line-height:1.6;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;--tap-min:2.75rem;--container-max:72rem;--container-max-wide:80rem;--shadow-card:0 2px 12px #11182705;--shadow-lift:0 8px 28px #1118270f;--shadow-pill:0 1px 2px #11182705;--duration-fast:.15s;--header-height:4rem;--color-bg:#fbf8f3;--color-surface:#fff;--color-surface-soft:#f6f2ec;--color-text:#1f2937;--color-text-strong:#111827;--color-text-muted:#6f6963;--color-text-faint:#57534e;--color-border:#ebe5df;--color-border-soft:#ece5dd;--color-divider:#f5f5f4;--color-accent:#ce2b3e;--color-accent-strong:#b42318;--color-accent-bright:#ea384c;--color-on-accent:#fff;--color-accent-tint:#fff1f2;--color-accent-tint-border:#ffe4e6;--color-pill-bg:#fff5f5;--color-pill-border:#fee2e2;--color-pill-purple-bg:#faf5ff;--color-pill-purple-border:#ede9fe;--color-success:#0f7a52;--color-error:#b42338;--color-focus:#ea384c;--color-icon-pdf:#ea384c;--color-icon-pdf-border:#fca5a5;--color-icon-image:#c2410c;--color-icon-image-border:#fdba74;--color-icon-qr:#7c3aed;--color-icon-qr-border:#c4b5fd;--color-icon-live:#d92d41;--color-icon-live-border:#fca5a5}@media (prefers-color-scheme:dark){:root{--color-bg:#1c1917;--color-surface:#262220;--color-surface-soft:#2c2724;--color-text:#f5f3f1;--color-text-strong:#fafaf9;--color-text-muted:#a8a29e;--color-text-faint:#d6d3d1;--color-border:#3a342f;--color-border-soft:#322d29;--color-divider:#332e2a;--color-accent:#fb7185;--color-accent-strong:#fda4af;--color-accent-bright:#fb7185;--color-on-accent:#1c1917;--color-accent-tint:#2f1a1c;--color-accent-tint-border:#4c2629;--color-pill-bg:#2f1a1c;--color-pill-border:#4c2629;--color-pill-purple-bg:#2b2338;--color-pill-purple-border:#3d3152;--color-success:#4fd1a5;--color-error:#ff8095;--color-focus:#fb7185;--color-icon-pdf:#fb7185;--color-icon-pdf-border:#7f3a44;--color-icon-image:#fb923c;--color-icon-image-border:#7c4a2a;--color-icon-qr:#a78bfa;--color-icon-qr-border:#4c3a80;--color-icon-live:#fb7185;--color-icon-live-border:#7f3a44;--shadow-card:0 2px 12px #00000040;--shadow-lift:0 8px 28px #00000059}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-block-size:100dvh;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}a{color:inherit}.container{width:100%;max-inline-size:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.skip-link{z-index:20;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-weight:600;position:absolute;inset-block-start:calc(-1 * var(--space-16));inset-inline-start:var(--space-4)}.skip-link:focus{inset-block-start:var(--space-4)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.site-header{z-index:10;padding-block:var(--space-6) var(--space-4);position:relative}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);max-inline-size:var(--container-max);flex-wrap:wrap;display:flex}.brand-group,.brand-home{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.brand-home:hover .brand-name{color:var(--color-accent)}.brand-mark{border-radius:var(--radius-md);block-size:2rem;inline-size:2rem;box-shadow:var(--shadow-pill);display:block}.brand-name{font-family:var(--font-family-display);font-size:var(--font-size-h2);letter-spacing:-.01em;color:var(--color-text-strong);font-weight:700}.brand-product{border-inline-start:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-small);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin-inline-start:calc(-1 * var(--space-1));padding-inline-start:var(--space-3);font-weight:600;text-decoration:none}.brand-product:hover{color:var(--color-text-strong)}.header-nav{align-items:center;gap:var(--space-3);display:flex}.nav-text{color:var(--color-text-muted);font-size:var(--font-size-small);white-space:nowrap;font-weight:500;text-decoration:none}.nav-text:hover{color:var(--color-text-strong)}.icon-link{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--duration-fast) ease;justify-content:center;align-items:center;display:inline-flex}.icon-link:hover{color:var(--color-text-strong)}.lang-switch{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-pill);display:flex}.lang-pill{min-block-size:1.75rem;padding:var(--space-1) .875rem;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--font-size-small);white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.lang-pill.is-current{background:var(--color-accent-tint);color:var(--color-accent);font-weight:600}@media (max-width:39.999rem){.header-nav{justify-content:flex-end;inline-size:100%}}@media (min-width:40rem){.lang-pill{font-size:var(--font-size-form)}}.landing{z-index:10;padding-block:var(--space-10) var(--space-16);flex:1;position:relative}.landing-hero{text-align:center;max-inline-size:54rem}.status-pill{align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-1-5) var(--space-4);border:1px solid var(--color-accent-tint-border);border-radius:var(--radius-pill);background:var(--color-accent-tint);color:var(--color-accent);font-size:var(--font-size-xs);box-shadow:var(--shadow-pill);font-weight:500;display:inline-flex}.status-dot{inline-size:var(--space-1-5);block-size:var(--space-1-5);border-radius:var(--radius-pill);background:var(--color-accent-bright);flex:none}@media (min-width:40rem){.status-pill{font-size:var(--font-size-form)}}.landing-title{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-text-strong);margin:0;font-size:clamp(2.125rem,4.5vw + .5rem,3.5rem);font-weight:700;line-height:1.14}.accent{color:var(--color-accent-bright)}.landing-lead{max-inline-size:40rem;margin:var(--space-5) auto 0;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1.7}.landing-actions{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.button-primary{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-form);box-shadow:var(--shadow-lift);transition:background var(--duration-fast) ease;font-weight:600;text-decoration:none;display:inline-flex}.button-primary:hover{background:var(--color-accent-strong)}.button-ghost{min-block-size:2.75rem;padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-form);box-shadow:var(--shadow-pill);transition:border-color var(--duration-fast) ease;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.button-ghost:hover{border-color:var(--color-text-muted)}.landing-note{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.landing-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-12);display:grid}.landing-card{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.landing-icon{border:1px solid var(--color-pill-border);border-radius:var(--radius-md);background:var(--color-pill-bg);block-size:2.5rem;inline-size:2.5rem;color:var(--color-accent-bright);justify-content:center;align-items:center;display:inline-flex}.tool-pdf .landing-icon{border-color:var(--color-icon-pdf-border);color:var(--color-icon-pdf)}.tool-image .landing-icon{border-color:var(--color-icon-image-border);color:var(--color-icon-image)}.tool-qr .landing-icon{border-color:var(--color-icon-qr-border);background:var(--color-pill-purple-bg);color:var(--color-icon-qr)}.tool-video .landing-icon{border-color:var(--color-icon-live-border);color:var(--color-icon-live)}.landing-card-title{color:var(--color-text-strong);font-size:var(--font-size-md);margin:0;font-weight:700}.landing-card-body{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0;line-height:1.65}.landing-back{text-align:center;margin-block-start:var(--space-10)}.link-muted{color:var(--color-text-muted);font-size:var(--font-size-small);text-decoration:none}.link-muted:hover{color:var(--color-accent)}.site-footer{z-index:10;border-block-start:1px solid var(--color-border-soft);padding-block:var(--space-6);position:relative}.site-footer-inner{gap:var(--space-3);max-inline-size:var(--container-max);flex-direction:column;display:flex}.footer-row{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-small);flex-direction:column;display:flex}.footer-brand{align-items:center;gap:var(--space-2);margin:0;display:flex}.footer-brand .brand-mark{border-radius:var(--radius-sm);block-size:1.25rem;inline-size:1.25rem;box-shadow:none}.footer-feedback{justify-content:center;align-items:center;gap:var(--space-1-5);color:var(--color-text-muted);flex-wrap:wrap;margin:0;display:flex}.footer-feedback-icon{color:var(--color-text-muted);flex:none}.footer-mail{color:var(--color-text);white-space:nowrap;transition:color var(--duration-fast) ease;font-weight:500;text-decoration:none}.footer-mail:hover{color:var(--color-accent)}.footer-separator{color:var(--color-border)}.footer-link{color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-fast) ease;text-decoration:none}.footer-link:hover{color:var(--color-accent)}.footer-legal{gap:var(--space-2);color:var(--color-text-faint);font-size:var(--font-size-xs);flex-direction:column;line-height:1.6;display:flex}.legal-note{text-align:center;max-inline-size:60rem;margin:0}@media (min-width:40rem){.footer-row{flex-direction:row;justify-content:space-between;align-items:center}.legal-note{text-align:start}}@media (max-width:63.999rem){.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:39.999rem){.landing-grid{grid-template-columns:minmax(0,1fr)}.landing{padding-block:var(--space-6) var(--space-12)}.landing-actions{flex-direction:column}.button-primary,.button-ghost{justify-content:center;inline-size:100%}.brand-product{display:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tool-page{z-index:10;padding-block:var(--space-6) var(--space-16);flex:1;position:relative}.tool-head{padding-block:var(--space-6) var(--space-6)}.tool-kicker{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.tool-kicker a{color:inherit;text-decoration:none}.tool-kicker a:hover{color:var(--color-accent)}.tool-title{max-inline-size:58rem;color:var(--color-text-strong);font-family:var(--font-family-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.875rem,3.6vw + .8rem,3rem);font-weight:700;line-height:1.16}.tool-lead{max-inline-size:44rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1.7}.tool-widget{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lift)}.tool-body{padding-block-start:var(--space-8)}.privacy-note{gap:var(--space-3);max-inline-size:58rem;margin-block:var(--space-2) var(--space-10);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-surface-soft);display:flex}.privacy-note>svg{color:var(--color-success);flex:none;margin-block-start:.1rem}.privacy-note-title{color:var(--color-text-strong);font-size:var(--font-size-small);margin:0;font-weight:700}.privacy-note-body{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.65}.tool-section{max-inline-size:58rem;margin-block-end:var(--space-10)}.tool-section-title{margin:0 0 var(--space-4);color:var(--color-text-strong);font-size:var(--font-size-h2);letter-spacing:-.01em;font-weight:700}.tool-steps{gap:var(--space-3);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.tool-steps li{color:var(--color-text);font-size:var(--font-size-body);counter-increment:step;padding-inline-start:2.5rem;line-height:1.65;position:relative}.tool-steps li:before{content:counter(step);border:1px solid var(--color-pill-border);border-radius:var(--radius-pill);background:var(--color-pill-bg);block-size:1.75rem;inline-size:1.75rem;color:var(--color-accent);font-size:var(--font-size-xs);place-items:center;font-weight:700;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.tool-faq{border-block-start:1px solid var(--color-border)}.tool-faq details{border-block-end:1px solid var(--color-border)}.tool-faq summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);color:var(--color-text-strong);font-size:var(--font-size-body);cursor:pointer;font-weight:600;list-style:none;display:flex}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{content:"+";color:var(--color-text-muted);font-size:var(--font-size-md);flex:none;font-weight:400}.tool-faq details[open] summary:after{content:"−"}.tool-faq p{color:var(--color-text-muted);font-size:var(--font-size-body);margin:0;padding-block-end:var(--space-4);line-height:1.7}.tool-limit-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool-limit-list li{color:var(--color-text-muted);font-size:var(--font-size-small);padding-inline-start:1.25rem;line-height:1.65;position:relative}.tool-limit-list li:before{content:"";border-radius:var(--radius-pill);background:var(--color-text-muted);block-size:.35rem;inline-size:.35rem;position:absolute;inset-block-start:.55rem;inset-inline-start:.15rem}.related-links{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.related-links a{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-small);transition:border-color var(--duration-fast) ease, color var(--duration-fast) ease;font-weight:600;text-decoration:none;display:flex}.related-links a:hover{border-color:var(--color-accent-tint-border);color:var(--color-accent)}.related-links svg{color:var(--color-text-muted);flex:none}.tool-form{gap:var(--space-4);display:grid}.field-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-1-5);align-content:start;min-inline-size:0;display:grid}.field-label{color:var(--color-text-strong);font-size:var(--font-size-small);font-weight:600}.field-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.field-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0;line-height:1.5}.input,.select{min-block-size:2.75rem;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text);font-family:inherit;font-size:var(--font-size-form)}.input::placeholder{color:var(--color-text-muted);opacity:.8}.input:focus-visible,.select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.checkbox-row{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-small);display:flex}.checkbox-row input{block-size:1rem;inline-size:1rem;accent-color:var(--color-accent)}.choice-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{cursor:pointer;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{min-block-size:2.25rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-small);align-items:center;font-weight:600;display:inline-flex}.choice input:checked+span{border-color:var(--color-accent-tint-border);background:var(--color-accent-tint);color:var(--color-accent)}.choice input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.tool-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tool-button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:var(--font-size-form);cursor:pointer;transition:background var(--duration-fast) ease;border:1px solid #0000;font-weight:600;display:inline-flex}.tool-button:hover:not(:disabled){background:var(--color-accent-strong)}.tool-button:disabled{opacity:.55;cursor:not-allowed}.tool-button.secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.tool-button.secondary:hover:not(:disabled){border-color:var(--color-text-muted);background:var(--color-surface)}.tool-button.ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.tool-button.ghost:hover:not(:disabled){background:var(--color-surface-soft);color:var(--color-text)}.link-button{color:var(--color-accent);font:inherit;font-size:var(--font-size-small);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:600}.dropzone{align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;flex-direction:column;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--color-accent);background:var(--color-accent-tint)}.dropzone:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.dropzone.is-disabled{opacity:.6;cursor:progress}.dropzone-icon{block-size:2.75rem;inline-size:2.75rem;border:1px solid var(--color-pill-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-accent);place-items:center;margin-block-end:var(--space-2);display:grid}.dropzone-label{color:var(--color-text-strong);font-size:var(--font-size-body);font-weight:600}.dropzone-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.tool-notice{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.55}.tool-error{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-error) 8%, var(--color-surface));color:var(--color-error);font-size:var(--font-size-small);line-height:1.55}.tool-success{color:var(--color-success)}.progress-line{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-small)}.result-panel{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-5);padding-block-start:var(--space-5)}.result-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.result-title{color:var(--color-text-strong);font-size:var(--font-size-md);margin:0;font-weight:700}.result-meta{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.stat-grid{gap:var(--space-2);margin-block:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.stat{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.stat-label{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.stat-value{margin:var(--space-1) 0 0;color:var(--color-text-strong);font-size:var(--font-size-md);font-weight:700}.preview-frame{max-block-size:22rem;max-inline-size:100%;margin-block:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-surface-soft) 0% 25%, var(--color-surface) 0% 50%) 50% / 1rem 1rem;object-fit:contain;display:block}.file-list{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.file-item{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.file-order{border-radius:var(--radius-pill);background:var(--color-accent-tint);block-size:1.5rem;inline-size:1.5rem;color:var(--color-accent);font-size:var(--font-size-xs);place-items:center;font-weight:700;display:grid}.file-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);object-fit:contain;block-size:3.5rem;inline-size:2.75rem}.file-thumb-empty{color:var(--color-text-muted);place-items:center;display:grid}.file-info{min-inline-size:0}.file-name{color:var(--color-text-strong);font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.file-detail{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.file-actions{gap:var(--space-1);display:flex}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);block-size:2rem;inline-size:2rem;color:var(--color-text-muted);cursor:pointer;place-items:center;display:grid}.icon-button:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text-strong)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.thumb-grid{gap:var(--space-2);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));padding:0;list-style:none;display:grid}.thumb-card{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.thumb-card img{border-radius:var(--radius-sm);background:var(--color-surface-soft);object-fit:contain;block-size:5rem;inline-size:100%}.thumb-actions{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.thumb-name{color:var(--color-text-muted);font-size:var(--font-size-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-preview{aspect-ratio:1;inline-size:min(100%,17rem);margin:var(--space-4) auto 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;place-items:center;display:grid}.qr-preview svg,.qr-preview img{block-size:100%;inline-size:100%}.extract-table{inline-size:100%;margin-block:var(--space-3);border-collapse:collapse;font-size:var(--font-size-small)}.extract-table th,.extract-table td{padding:var(--space-2);border-block-end:1px solid var(--color-border);text-align:start;vertical-align:top}.extract-table th{color:var(--color-text-muted);inline-size:38%;font-weight:600}.extract-table td{color:var(--color-text);word-break:break-word}.suite-card{color:inherit;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;text-decoration:none}.suite-card:hover{border-color:var(--color-accent-tint-border);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.suite-open{align-items:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--font-size-small);margin-block-start:auto;padding-block-start:var(--space-2);font-weight:600;display:inline-flex}.suite-note{max-inline-size:44rem;margin:var(--space-8) auto 0;color:var(--color-text-muted);font-size:var(--font-size-small);text-align:center;line-height:1.65}@media (max-width:40rem){.tool-widget{padding:var(--space-4) var(--space-3)}.field-row{grid-template-columns:1fr}.file-item{grid-template-columns:auto auto minmax(0,1fr)}.file-actions{grid-column:1/-1;justify-content:flex-end}.tool-title,.tool-lead{text-align:start}}.textarea{min-block-size:6rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text);font-family:inherit;font-size:var(--font-size-form);resize:vertical;line-height:1.6}.textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}