:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f2f0e9;--card:#fff;--card-sunken:#faf8f3;--ink:#16202a;--ink-muted:#4e5a65;--rule:#d9d5ca;--rule-strong:#b6b1a3;--highlight:#f0dd3c;--highlight-soft:#f8f0ab;--ok:#2b7355;--ok-soft:#dcebe3;--danger:#ad3527;--danger-soft:#f4ddd8;--radius-sm:8px;--radius:14px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(1.9rem, 5vw, 2.75rem);--shadow:0 1px 0 #16202a0f, 0 14px 30px -22px #16202a8c;--tap:44px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#10161b;--card:#191f26;--card-sunken:#1d242b;--ink:#e9e6dc;--ink-muted:#a3adb5;--rule:#2a323a;--rule-strong:#3d474f;--highlight:#d8c63b;--highlight-soft:#443f1a;--ok:#5fb791;--ok-soft:#1c3128;--danger:#e07668;--danger-soft:#3a2220;--shadow:0 1px 0 #00000073, 0 16px 34px -24px #000000e6}}:root[data-theme=dark]{--paper:#10161b;--card:#191f26;--card-sunken:#1d242b;--ink:#e9e6dc;--ink-muted:#a3adb5;--rule:#2a323a;--rule-strong:#3d474f;--highlight:#d8c63b;--highlight-soft:#443f1a;--ok:#5fb791;--ok-soft:#1c3128;--danger:#e07668;--danger-soft:#3a2220;--shadow:0 1px 0 #00000073, 0 16px 34px -24px #000000e6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);background-image:radial-gradient(var(--rule) 1px, transparent 1px);color:var(--ink);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased;background-position:-1px -1px;background-size:22px 22px;margin:0;line-height:1.55}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media print{body{background-image:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{gap:var(--space-7);flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--rule);background:var(--card);flex-wrap:wrap;display:flex}.lockup{align-items:center;gap:var(--space-2);display:flex}.lockup .mark{flex:0 0 30px;width:30px;height:30px;display:block}.wordmark{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800}.wordmark mark{background:var(--highlight);color:#16202a;border-radius:3px;padding:0 .15em}.page{width:min(760px, 100% - 2 * var(--space-4));gap:var(--space-7);flex-direction:column;margin-inline:auto;display:flex}.languages ul{gap:var(--space-1);display:flex}.languages button{min-width:var(--tap);min-height:var(--tap);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--ink-muted);font:inherit;font-size:var(--text-sm);letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;font-weight:600}.languages button[aria-current=true]{border-color:var(--rule-strong);background:var(--card-sunken);color:var(--ink);font-weight:600}.intro{gap:var(--space-4);flex-direction:column;display:flex}.intro h1{font-size:var(--text-3xl);font-weight:800}.intro .lead{font-size:var(--text-lg);color:var(--ink);max-width:58ch}.steps{gap:var(--space-4);counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.steps li{gap:var(--space-1);padding-top:var(--space-3);border-top:3px solid var(--highlight);flex-direction:column;display:flex}.steps h3{font-size:var(--text-base)}.steps h3:before{counter-increment:step;content:counter(step) ". ";color:var(--ink-muted)}.steps p{color:var(--ink-muted);font-size:var(--text-sm)}.tool{gap:var(--space-4);flex-direction:column;display:flex}.tool h2{font-size:var(--text-2xl)}.dropzone{align-items:stretch;gap:var(--space-3);padding:var(--space-5);border:2px dashed var(--rule-strong);border-radius:var(--radius-lg);background:var(--card-sunken);text-align:center;flex-direction:column;transition:background .14s,border-color .14s;display:flex}.dropzone[data-dragging=true]{border-color:var(--ok);background:var(--ok-soft)}.dropzone .hint{color:var(--ink-muted);font-size:var(--text-sm)}.dropzone .hint--aside{font-size:var(--text-xs);border-top:1px solid var(--rule);padding-top:var(--space-3);margin-top:var(--space-1);text-align:left}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-3) var(--space-5);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--card);font:inherit;cursor:pointer;font-weight:600;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.45}.button:not(:disabled):active{transform:translateY(1px)}.icon{flex:0 0 16px;width:16px;height:16px}.button--soft{background:var(--card);color:var(--ink);border-color:var(--rule-strong)}.button--primary{background:var(--highlight);border-color:var(--highlight);color:#16202a;font-size:var(--text-lg);min-height:56px}.button--block{width:100%}.pile{border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);flex-direction:column;display:flex;overflow:hidden}.pile li+li{border-top:1px solid var(--rule)}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}}.pile li{animation:.14s ease-out row-in}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}}.result{animation:.16s ease-out result-in}.row{align-items:center;gap:var(--space-3);padding:var(--space-3);grid-template-columns:auto 1fr auto;display:grid}.sheet{aspect-ratio:210/297;border:1px solid var(--rule-strong);background:var(--card-sunken);border-radius:2px;flex-direction:column;justify-content:center;gap:3px;width:34px;padding:4px;display:flex}.sheet span{background:var(--rule-strong);border-radius:1px;height:2px}.sheet span:nth-child(2){width:60%}.sheet[data-kind=image]{background:linear-gradient(148deg, var(--highlight-soft) 0 46%, var(--card-sunken) 46% 100%)}.row .name{min-width:0}.row .name strong{font-weight:600;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row .name span{color:var(--ink-muted);font-size:var(--text-xs)}.row-actions{gap:var(--space-1);display:flex}.icon-button{width:var(--tap);height:var(--tap);border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.icon-button:not(:disabled):hover{border-color:var(--rule-strong);background:var(--card-sunken)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.icon-button--danger{color:var(--danger)}.how{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--rule);flex-direction:column;display:flex}.how h2{font-size:var(--text-lg);color:var(--ink-muted);font-weight:600}.totals{gap:var(--space-2) var(--space-4);color:var(--ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;display:flex}.totals strong{color:var(--ink);font-size:var(--text-base)}.empty{color:var(--ink-muted);font-size:var(--text-sm);text-align:center}.notice{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid #0000;flex-direction:column;display:flex}.notice h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.notice--warn{background:var(--highlight-soft);border-color:var(--highlight);color:var(--ink)}.notice--danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.notice--ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.notice ul{gap:var(--space-1);flex-direction:column;display:flex}.result{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--ok);border-radius:var(--radius-lg);background:var(--ok-soft);flex-direction:column;display:flex}.result h2{font-size:var(--text-xl);color:var(--ok)}.result .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.progress{background:var(--rule);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--ok);height:100%;transition:width .14s}.install{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--rule-strong);border-radius:var(--radius);background:var(--card-sunken);flex-direction:column;display:flex}.install h2{font-size:var(--text-lg);font-weight:600}.install p{color:var(--ink-muted);font-size:var(--text-sm);max-width:52ch}.install-manual{gap:var(--space-2);color:var(--ink);font-size:var(--text-sm);flex-direction:column;display:flex}.footer{padding:var(--space-5);border-top:1px solid var(--rule);color:var(--ink-muted);font-size:var(--text-sm);gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;margin-top:auto;display:flex}.footer a{color:var(--ink);font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){:root{--space-7:28px;--text-3xl:1.9rem}.shell{gap:var(--space-5)}.page{gap:var(--space-5);width:min(760px, 100% - 2 * var(--space-3))}.topbar{padding:var(--space-3) var(--space-4)}.lockup .mark{flex:0 0 26px;width:26px;height:26px}.wordmark{font-size:var(--text-lg)}.intro .lead{font-size:var(--text-base)}.dropzone{padding:var(--space-4)}}@media (pointer:coarse){:root{--tap:48px}.button{min-height:52px}.button--primary{min-height:60px}}
