:root{--bg:#faf9f6;--surface:#fff;--surface-muted:#f2f0ea;--fg:#2a2622;--fg-muted:#5c5750;--border:#ded8cc;--accent:#0f6b4c;--accent-fg:#fff;--error-bg:#fdecec;--error-fg:#9a2f2f;--error-border:#eec3c3;--notice-bg:#fff6e0;--notice-border:#eddca3;--success-bg:#eaf6ee;--success-border:#a9d9b8;--success-fg:#17703a;--focus-ring:#0f6b4c;--shadow:0 1px 2px #0000000f, 0 1px 8px #0000000a}.pwm-page[data-route=us]{--accent:#1a5fb4;--focus-ring:#1a5fb4;--success-bg:#eaf1fb;--success-border:#a9c6e8;--success-fg:#164a8c}:root[data-theme=dark] .pwm-page[data-route=us]{--accent:#7aa9e8;--accent-fg:#0b1420;--focus-ring:#7aa9e8;--success-bg:#16233a;--success-border:#35547e;--success-fg:#a9c9f5}:root[data-theme=dark]{--bg:#17181a;--surface:#1f2123;--surface-muted:#26282b;--fg:#eceae6;--fg-muted:#a7a29a;--border:#35373a;--accent:#35c48d;--accent-fg:#0b1310;--error-bg:#3a1f1f;--error-fg:#ff9d9d;--error-border:#5c2e2e;--notice-bg:#332c16;--notice-border:#5c4f26;--success-bg:#123322;--success-border:#2f7a4e;--success-fg:#5fe098;--focus-ring:#35c48d;--shadow:0 1px 2px #0006, 0 1px 8px #0000004d}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--accent)}button{font-family:inherit}input,select,button{font-size:1rem}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pwm-page{max-width:640px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.pwm-topbar{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.pwm-route-nav-link{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:6px;align-items:center;padding:.35rem .6rem;font-size:.85rem;text-decoration:none;display:inline-flex}.pwm-route-nav-link:hover,.pwm-route-nav-link:focus-visible{background:var(--surface-muted)}.pwm-select{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem}.pwm-hero{text-align:center;margin-bottom:1.75rem}.pwm-hero h1{margin:0 0 .6rem;font-size:1.7rem}.pwm-hero-tagline{color:var(--fg-muted);white-space:pre-line;margin:0 0 1.25rem;font-size:.98rem}.pwm-hero-actions{flex-direction:column;align-items:stretch;gap:.6rem;margin-bottom:.9rem;display:flex}.pwm-hero-cta-primary{text-align:center;background:var(--accent);color:var(--accent-fg);border-radius:10px;padding:.85rem 1rem;font-weight:700;text-decoration:none;display:block}.pwm-hero-cta-primary:hover{opacity:.92}.pwm-hero-security{color:var(--fg-muted);white-space:pre-line;margin:0;font-size:.78rem}.pwm-step{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.pwm-step h2{margin:0 0 .9rem;font-size:1.05rem}.pwm-field-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pwm-input{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:8px;flex:10rem;padding:.55rem .7rem}.pwm-unit{color:var(--fg-muted)}.pwm-file-label{background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.55rem 1rem;display:inline-block}.pwm-file-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.pwm-secondary-button{background:var(--surface);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;padding:.55rem 1rem}.pwm-file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pwm-file-status{color:var(--fg-muted);word-break:break-all;margin-top:.6rem;font-size:.9rem}.pwm-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface-muted);border-radius:12px;padding:1.75rem 1rem;transition:border-color .15s,background-color .15s;display:block}.pwm-dropzone:hover{border-color:var(--accent)}.pwm-dropzone:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--accent)}.pwm-dropzone-active{border-color:var(--accent);background:var(--surface)}.pwm-dropzone-error{border-color:var(--error-border)}.pwm-dropzone-success{border-style:solid;border-color:var(--success-border);background:var(--success-bg)}.pwm-dropzone-title{margin:0 0 .5rem;font-weight:600}.pwm-dropzone-or{color:var(--fg-muted);margin:.6rem 0;font-size:.85rem}.pwm-dropzone-success-title{color:var(--success-fg);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.pwm-dropzone-filename{color:var(--fg-muted);word-break:break-all;margin-bottom:.9rem;font-size:.9rem}.pwm-dropzone-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.pwm-dropzone-stat .stat-label{color:var(--fg-muted);font-size:.75rem;display:block}.pwm-dropzone-stat .stat-value{color:var(--fg);font-size:1.1rem;font-weight:700;display:block}.pwm-dropzone-change-hint{color:var(--fg-muted);margin-top:.5rem;font-size:.78rem}.pwm-about{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.75rem;padding:1.1rem 1.25rem}.pwm-about h2{text-align:center;margin:0;font-size:1.05rem}.pwm-collapsible-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;list-style:none;display:flex}.pwm-collapsible-summary::-webkit-details-marker{display:none}.pwm-collapsible-summary:after{content:"";border-right:2px solid var(--fg-muted);border-bottom:2px solid var(--fg-muted);flex-shrink:0;width:.5em;height:.5em;transition:transform .15s;transform:rotate(45deg)}details[open]>.pwm-collapsible-summary:after{transform:rotate(225deg)}.pwm-collapsible-summary:hover h2{color:var(--accent)}details[open]>.pwm-collapsible-summary{margin-bottom:.9rem}.pwm-about-paragraph{color:var(--fg);margin:0 0 .85rem;font-size:.92rem;line-height:1.75}.pwm-about-paragraph:last-child{margin-bottom:0}.pwm-disclaimer{color:var(--fg-muted);margin:1.25rem 0 .75rem;font-size:.78rem}.pwm-disclaimer .pwm-collapsible-summary{color:var(--fg-muted);justify-content:flex-start;font-size:.78rem}.pwm-disclaimer .pwm-about-paragraph{color:var(--fg-muted);font-size:.78rem;line-height:1.6}.pwm-workflow{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.75rem;padding:1.1rem 1.25rem}.pwm-workflow h2{text-align:center;color:var(--fg-muted);margin:0;font-size:.95rem;font-weight:700}.pwm-workflow-steps{grid-template-columns:1fr;gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pwm-workflow-steps{grid-template-columns:repeat(3,1fr)}}.pwm-workflow-step{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.8rem;display:flex}.pwm-workflow-image-frame{aspect-ratio:4/3;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:.6rem;position:relative;overflow:hidden}.pwm-workflow-image{object-fit:cover;width:100%;height:100%;display:block}.pwm-workflow-step-badge{background:var(--accent);color:var(--accent-fg);letter-spacing:.03em;white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:.3rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.pwm-workflow-step-badge--overlay{position:absolute;top:.5rem;left:.5rem}.pwm-workflow-step-badge--standalone{margin:0 0 .5rem}.pwm-workflow-step-text{margin:0;font-size:.88rem;font-weight:600;line-height:1.4}.pwm-workflow-step-caption{color:var(--fg-muted);margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.pwm-reset-button{background:var(--surface);width:100%;color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-top:.75rem;padding:.7rem 1rem;font-weight:600}.pwm-hint{color:var(--fg-muted);margin-top:.6rem;font-size:.85rem}.pwm-pre-line{white-space:pre-line}.pwm-notice{background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:8px;margin-top:.6rem;padding:.5rem .7rem;font-size:.85rem}.pwm-notice-unit-mismatch p{margin:0}.pwm-notice-unit-mismatch p+p{margin-top:.35rem}.pwm-notice-emphasis{color:var(--accent);font-weight:600}.pwm-run-button{background:var(--accent);width:100%;color:var(--accent-fg);cursor:pointer;border:none;border-radius:10px;padding:.8rem 1rem;font-weight:600}.pwm-run-button:disabled{opacity:.5;cursor:not-allowed}.pwm-error-box{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-fg);border-radius:10px;margin-bottom:1.25rem;padding:.9rem 1rem}.pwm-error-box h2{margin:0 0 .5rem;font-size:1rem}.pwm-error-box ul{margin:0;padding-left:1.2rem}.pwm-summary-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.pwm-summary-card{background:var(--surface-muted);border-radius:10px;padding:.75rem .9rem}.pwm-summary-card .label{color:var(--fg-muted);font-size:.8rem}.pwm-summary-card .value{font-size:1.25rem;font-weight:700}.pwm-table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}table.pwm-table{border-collapse:collapse;width:100%;font-size:.9rem}table.pwm-table th,table.pwm-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .7rem}table.pwm-table th{background:var(--surface-muted);position:sticky;top:0}table.pwm-table tbody tr:last-child td{border-bottom:none}.pwm-subheading{margin:1.25rem 0 .6rem;font-weight:600}.pwm-footer-note{text-align:center;color:var(--fg-muted);margin-top:2rem;font-size:.8rem}.pwm-site-footer{border-top:1px solid var(--border);text-align:center;margin-top:1.5rem;padding-top:1.25rem}.pwm-site-footer-credit{color:var(--fg-muted);margin:0 0 .75rem;font-size:.8rem}.pwm-site-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;display:flex}.pwm-site-footer-link{min-height:2.25rem;color:var(--fg-muted);text-underline-offset:.2em;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.85rem;text-decoration:underline;display:inline-flex}.pwm-site-footer-link:hover,.pwm-site-footer-link:focus-visible{color:var(--accent)}img{max-width:100%}@media (max-width:480px){.pwm-page{padding-inline:.75rem}.pwm-summary-grid{grid-template-columns:1fr}}