.free-tool-nav{border-bottom:2px solid var(--swan);background:var(--white)}.free-tool-nav-inner{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:1rem}.free-tool-brand{color:var(--green-text);font-size:1.25rem;font-weight:900}.free-tool-all{color:var(--eel);font-size:var(--fs-sm);font-weight:800}.free-tool-page{padding-block:3.5rem 5rem;background:var(--snow)}.free-tool-intro{max-width:830px}.free-tool-label{color:var(--green-text);font-size:var(--fs-sm);font-weight:900}.free-tool-intro h1{margin-top:.55rem;font-size:clamp(2.25rem,6vw,4rem);letter-spacing:-.03em}.free-tool-lead{max-width:68ch;margin-top:1rem;color:var(--eel);font-size:1.2rem;font-weight:650}.free-tool-direct{max-width:70ch;margin-top:1.25rem;padding:1rem 1.1rem;border:2px solid var(--blue-shadow);border-radius:var(--r-sm);background:var(--polar);color:var(--ink);font-weight:700}.free-tool-workspace{max-width:900px;margin-top:2.25rem}.sentence-analyzer{display:grid;gap:1rem}.tool-form,.tool-result,.tool-examples{padding:clamp(1.15rem,4vw,2rem);border:2px solid var(--swan);border-bottom-width:4px;border-radius:var(--r-md);background:var(--white)}.tool-field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.tool-field-heading label{color:var(--ink);font-weight:900}.tool-field-heading span,.tool-privacy{color:var(--wolf);font-size:var(--fs-sm)}.tool-textarea{width:100%;margin-top:.55rem;padding:1rem;border:2px solid var(--swan);border-radius:var(--r-sm);background:var(--white);color:var(--ink);font:inherit;resize:vertical}.tool-textarea::placeholder{color:var(--wolf);opacity:1}.tool-textarea:focus{border-color:var(--blue-shadow);outline:3px solid var(--polar)}.tool-japanese-input,.tool-japanese{font-family:var(--font-jp);font-size:1.25rem}.tool-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}.tool-text-button{border:0;background:transparent;color:var(--green-text);font-weight:900;text-decoration:underline;text-underline-offset:3px}.tool-privacy{margin-top:1rem}.tool-error{padding:.9rem 1rem;border:2px solid var(--red);border-radius:var(--r-sm);background:#fff2f2;color:#9f2020;font-weight:750}.tool-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tool-result-status{color:var(--green-text);font-size:var(--fs-sm);font-weight:900}.tool-result h2{margin-top:.25rem;font-size:1.55rem}.tool-difficulty{padding:.35rem .7rem;border-radius:var(--r-pill);background:var(--green-wash);color:var(--green-text);font-weight:900}.analysis-layers{display:grid;gap:0;margin-top:1.35rem}.analysis-layers>div{padding-block:1rem;border-top:2px solid var(--swan)}.analysis-layers dt{color:var(--wolf);font-size:var(--fs-sm);font-weight:900}.analysis-layers dd{margin-top:.25rem;color:var(--ink);font-weight:650}.tool-result-cta{margin-top:1rem}.tool-result-loading{display:grid;gap:.85rem}.tool-skeleton{display:block;width:100%;height:1rem;border-radius:var(--r-pill);background:var(--swan);animation:tool-pulse 1.2s ease-in-out infinite alternate}.tool-skeleton-short{width:58%}.tool-examples h2{font-size:1.35rem}.tool-examples ul{display:grid;gap:.7rem;margin-top:1rem;padding-left:1.25rem}.tool-examples span{font-family:var(--font-jp);color:var(--ink);font-weight:700}.free-tool-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:900px;margin-top:3.5rem}.free-tool-content h2{font-size:1.45rem}.free-tool-content p{margin-top:.7rem}.free-tool-content a{color:var(--green-text);font-weight:800;text-decoration:underline}.free-tool-faq{max-width:900px;margin-top:3.5rem}.free-tool-faq details{margin-top:.75rem;padding:1rem;border:2px solid var(--swan);border-radius:var(--r-sm);background:var(--white)}.free-tool-faq summary{color:var(--ink);font-weight:900;cursor:pointer}.free-tool-faq details p{margin-top:.65rem}@keyframes tool-pulse{to{opacity:.45}}@media(prefers-reduced-motion:reduce){.tool-skeleton{animation:none}}@media(max-width:700px){.free-tool-page{padding-top:2.5rem}.free-tool-content{grid-template-columns:1fr}.tool-form-actions .btn{width:100%}.tool-result-heading{align-items:center}}
