:root{--bg:#fafafb;--surface:#fff;--border:#e4e4e7;--text:#18181b;--text-secondary:#52525b;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-soft-strong:#e0e7ff;--primary-fg:#fff;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 1px 2px #0000000a, 0 4px 16px #0000000f;--shadow-hover:0 1px 2px #0000000d, 0 8px 24px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.15s;--dur-state:.2s;--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--width-text:680px;--width-tool:840px;--width-shell:1200px;--page-pad:16px;--fg:var(--text);--muted:var(--text-secondary);--line:var(--border);--line-strong:var(--border);--accent:var(--primary);--accent-hover:var(--primary-hover);--accent-fg:var(--primary-fg);--accent-soft:var(--primary-soft);--accent-soft-strong:var(--primary-soft-strong);--focus:var(--primary);--pass:var(--success);--pass-soft:var(--success-soft);--warn:var(--warning);--warn-bg:var(--warning-soft);--fail:var(--danger);--fail-soft:var(--danger-soft);--shadow-md:var(--shadow-card);--radius:var(--radius-md);--bg-accent:var(--primary-soft);color-scheme:light}@media (width>=480px){:root{--page-pad:24px}}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--surface:#18181b;--border:#27272a;--text:#fafafa;--text-secondary:#a1a1aa;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:#1e1b4b;--primary-soft-strong:#312e81;--primary-fg:#0c0a1f;--success:#4ade80;--success-soft:#052e16;--warning:#fbbf24;--warning-soft:#422006;--danger:#f87171;--danger-soft:#450a0a;--shadow-sm:0 1px 2px #0006;--shadow-card:0 1px 2px #0006, 0 4px 16px #00000073;--shadow-hover:0 1px 2px #00000073, 0 8px 24px #0000008c;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:var(--primary-soft);color:var(--text)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding-inline:0;font-size:1rem;font-weight:400;line-height:1.65}a{color:var(--primary);transition:color var(--dur) var(--ease)}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.shell{width:100%;max-width:calc(var(--width-shell) + 2 * var(--page-pad));padding-inline:var(--page-pad);margin-inline:auto}.width-tool{width:100%;max-width:var(--width-tool);margin-inline:auto}.width-text{width:100%;max-width:var(--width-text);margin-inline:auto}.width-shell{width:100%;max-width:var(--width-shell);margin-inline:auto}.site-header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .shell{justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);transition:opacity var(--dur) var(--ease);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{opacity:.8;color:var(--text)}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);width:28px;height:28px;color:var(--primary-fg);flex-shrink:0;place-items:center;display:grid}.brand-mark svg{user-select:none;width:16px;height:16px;display:block}.lang-switch{letter-spacing:.01em;color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:36px;box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;padding:0 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.lang-switch:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.lang-switch:active{transform:scale(.98)}h1{letter-spacing:-.025em;color:var(--text);max-width:22ch;margin:32px 0 12px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.accent-phrase{color:var(--primary)}.lead{color:var(--text-secondary);max-width:42rem;margin:0 0 32px;font-size:1.125rem;line-height:1.6}h2{letter-spacing:-.015em;color:var(--text);margin:0 0 16px;font-size:1.375rem;font-weight:650}h3{margin:24px 0 8px;font-size:1.02rem;font-weight:650}.content{margin-top:48px}@media (width>=48rem){.content{margin-top:64px}}.hero-band{margin-bottom:0}.how-band,.tools-band{margin-top:48px}.how-steps{grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.how-step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;gap:12px;min-height:100%;padding:20px 16px;display:flex}.how-step-icon{width:28px;height:28px;color:var(--primary);user-select:none}.how-step-icon svg{width:100%;height:100%;display:block}.how-step-title{color:var(--text);letter-spacing:-.01em;font-size:.9375rem;font-weight:600;line-height:1.35}.how-seo{color:var(--text-secondary);max-width:var(--width-text);margin:16px 0 0;padding-left:1.25rem;font-size:.8125rem;line-height:1.55}.how-seo li+li{margin-top:4px}.content>h2{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}@media (width>=48rem){.content>h2{margin-top:64px}}.content>h2:first-child{border-top:0;margin-top:0;padding-top:0}.content p,.content li{color:var(--text-secondary)}.content ol,.content ul{margin:8px 0 0;padding-left:1.25rem}.content li+li{margin-top:8px}.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:32px 0 12px;font-size:.8125rem;font-weight:500;display:block}.tool-links{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.tool-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.tool-links{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-links.quick-targets{grid-template-columns:minmax(0,1fr)}@media (width>=768px){.tool-links.quick-targets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.tool-links.quick-targets{grid-template-columns:repeat(5,minmax(0,1fr))}}.tool-links>li{min-width:0;display:flex}.tool-links a{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:56px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);flex:1;align-items:center;gap:12px;padding:12px 16px;font-size:.9375rem;font-weight:550;line-height:1.3;text-decoration:none;display:flex}.tool-links a:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);background:var(--surface);color:var(--text);transform:translateY(-1px)}.tool-links a:active{transform:scale(.98)}.tool-links .chip-icon{width:20px;height:20px;color:var(--primary);user-select:none;flex-shrink:0}.tool-links .chip-icon svg{width:100%;height:100%;display:block}.faq-list{gap:8px;margin-top:12px;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);padding:0}.faq-item summary{cursor:pointer;min-height:44px;color:var(--text);transition:background var(--dur) var(--ease);padding:16px 40px 16px 16px;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:7px;height:7px;transition:transform var(--dur-state) var(--ease);position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.faq-item[open] summary:after{transform:translateY(-35%)rotate(225deg)}.faq-item summary:hover{background:var(--primary-soft)}.faq-item p{color:var(--text-secondary);margin:0;padding:0 16px 16px;font-size:.9375rem}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:64px;padding-block:24px 32px;font-size:.8125rem;display:flex}.site-footer a{color:var(--text-secondary);text-decoration:none}.site-footer a:hover{color:var(--primary)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tool{flex-direction:column;margin-block:0 16px;display:flex}.tool .privacy-badge{align-self:center}.zone{border:2px dashed var(--primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 10%, var(--surface));text-align:center;cursor:pointer;min-height:180px;box-shadow:var(--shadow-card);transition:background var(--dur-state) var(--ease), border-color var(--dur-state) var(--ease), transform var(--dur-state) var(--ease), box-shadow var(--dur-state) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}@media (width>=48rem){.zone{min-height:220px;padding:48px 24px}}.zone:hover{background:color-mix(in srgb, var(--primary) 14%, var(--surface));box-shadow:var(--shadow-hover)}.zone.is-dragging{background:color-mix(in srgb, var(--primary) 18%, var(--surface));box-shadow:var(--shadow-hover);border-style:solid;transform:scale(1.01)}.zone:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.zone-icon{width:48px;height:48px;color:var(--primary);user-select:none;margin-bottom:4px}.zone-icon svg{width:100%;height:100%;display:block}.zone-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.zone-stay{color:var(--primary);margin:0;font-size:.875rem;font-weight:550}.zone-hint{color:var(--text-secondary);margin:0;font-size:.8125rem}.privacy-badge{background:var(--success-soft);color:var(--success);text-align:left;border-radius:999px;align-items:center;gap:8px;max-width:100%;margin:16px auto 0;padding:8px 14px;font-size:.8125rem;font-weight:550;line-height:1.35;display:inline-flex}.tool .privacy-badge{width:fit-content;max-width:100%;display:flex}.privacy-badge svg{width:16px;height:16px;color:var(--success);user-select:none;flex-shrink:0}.privacy-line{color:var(--text-secondary);align-items:flex-start;gap:8px;margin:16px 0 0;font-size:.875rem;line-height:1.45;display:flex}.privacy-line svg{width:16px;height:16px;color:var(--success);user-select:none;flex-shrink:0;margin-top:2px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:16px}@media (width>=48rem){.panel{padding:24px}}.panel-title{letter-spacing:-.02em;margin:0 0 16px;font-size:1.25rem;font-weight:700}.panel-title:focus{outline:none}.panel-title:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sub-title{margin:24px 0 12px;font-size:1rem;font-weight:650}.muted{color:var(--text-secondary)}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;text-align:center;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);padding:10px 16px;font-weight:550}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary);font-weight:650}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-fg)}.btn-outline{background:var(--surface);border-color:var(--primary);color:var(--primary);font-weight:600}.btn-outline:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-hover)}.btn-secondary{background:var(--primary-soft);color:var(--text);border-color:#0000}.btn-choice{background:var(--surface);border-color:var(--primary);color:var(--text)}.btn-quiet{color:var(--primary);text-underline-offset:2px;box-shadow:none;background:0 0;border-color:#0000;padding-inline:4px;font-weight:500;text-decoration:underline}.btn-quiet:hover:not(:disabled){background:var(--primary-soft);box-shadow:none;text-decoration:none}.btn-detail{opacity:.92;overflow-wrap:anywhere;font-weight:400}.link{font:inherit;color:var(--primary);cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0;text-decoration:underline}.row,.row-quiet,.proposals{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.proposals{grid-template-columns:1fr;display:grid}@media (width>=30rem){.proposals{grid-template-columns:repeat(2,1fr)}}.proposals .btn{width:100%}.file-list{max-height:14rem;margin:0;padding:0;font-size:.9375rem;list-style:none;overflow:auto}.file-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 0;display:flex}.file-meta{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-kind{width:20px;height:20px;color:var(--primary);user-select:none;flex-shrink:0}.file-kind svg{width:100%;height:100%;display:block}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:550;overflow:hidden}.file-size{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;font-size:.875rem}.file-order{flex-shrink:0;gap:4px;display:flex}.file-order .btn{min-width:40px;min-height:40px;padding:4px 8px}.notice{background:var(--primary-soft);border-radius:var(--radius-sm);margin:12px 0 0;padding:12px 16px}.notice-warn{background:var(--warning-soft);color:var(--text)}.preset{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.preset-param{gap:4px;display:grid}.param-input{align-items:center;gap:8px;display:flex}input[type=number],input[type=text]{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:8px 12px}input[type=number]:focus-visible,input[type=text]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}input[type=number]{width:7.5rem}.intent{gap:8px;margin-top:24px;display:grid}.intent-row{align-items:stretch;gap:8px;display:flex}.intent-row input{flex:1;min-width:0}.intent-row .btn{flex-shrink:0;min-width:4.5rem}.intent-result{margin-top:12px}.plan-words{margin:0 0 8px;font-size:1.0625rem;font-weight:550}.plan-note{color:var(--text-secondary);margin:0 0 8px}.bar-track{background:var(--border);border-radius:999px;width:100%;height:8px;margin:8px 0 12px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;transition:width var(--dur) var(--ease);border-radius:999px}.bar-indeterminate .bar-fill{width:40%;animation:bar-slide 1.1s var(--ease) infinite}@keyframes bar-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.zone.is-dragging,.btn:active:not(:disabled),.tool-links a:active,.tool-links a:hover{transform:none}}.stage-label{margin:0;font-weight:550}.result-hero{border-radius:var(--radius-md);background:var(--primary-soft);border:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:4px 0 16px;padding:16px;display:flex}.result-block{min-width:0}.result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.8125rem;font-weight:600;display:block}.result-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text);font-size:clamp(1.5rem,5vw,2rem);font-weight:750;line-height:1.1}.result-arrow{color:var(--text-secondary);padding-bottom:4px;font-size:1.35rem;font-weight:600}.result-badge{font-variant-numeric:tabular-nums;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;align-self:center;align-items:center;margin-left:auto;padding:4px 12px;font-size:.875rem;font-weight:700;display:inline-flex}.result-badge.is-pass{background:var(--success-soft);color:var(--success);border-color:#0000}.result-badge.is-warn{background:var(--warning-soft);color:var(--warning);border-color:#0000}.target-row{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;display:flex}.target-pill{background:var(--primary-soft);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.875rem;font-weight:650;display:inline-flex}.target-pill.is-pass{background:var(--success-soft);color:var(--success)}.target-pill.is-warn{background:var(--warning-soft);color:var(--warning)}.numbers:not(.result-hero){grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:12px;margin:0;display:grid}.numbers:not(.result-hero) div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);padding:12px 16px}.numbers dt{color:var(--text-secondary);font-size:.8125rem;font-weight:550}.numbers dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.125rem;font-weight:700}.numbers dd .muted{font-size:.8125rem;font-weight:400}.numbers dd[data-ok=true]{color:var(--success)}.numbers dd[data-ok=false]{color:var(--warning)}.checks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.checks li{border-bottom:1px solid var(--border);grid-template-columns:7.5rem 1fr;gap:0 12px;padding:8px 0;display:grid}.check-state{align-items:center;gap:4px;font-weight:650;display:inline-flex}.checks li[data-state=pass] .check-state{color:var(--success)}.checks li[data-state=fail] .check-state{color:var(--danger)}.checks li[data-state=unknown] .check-state{color:var(--text-secondary)}.checks li[data-state=pass] .check-state:before{content:"✓";font-weight:700}.check-values{color:var(--text-secondary);overflow-wrap:anywhere;grid-column:2;font-size:.8125rem}.error-card{align-items:flex-start;gap:12px;display:flex}.error-icon{width:24px;height:24px;color:var(--danger);user-select:none;flex-shrink:0;margin-top:2px}.error-icon svg{width:100%;height:100%;display:block}.trust{color:var(--text-secondary);margin:12px 0 0;font-size:.875rem}@media (width<=30rem){.checks li{grid-template-columns:1fr}.check-values{grid-column:1}.row .btn{flex:100%}.result-badge{margin-left:0}}