.lt-root{--lt-ink:#203e34;--lt-line:#a9bbb0;--lt-soft:#f2f5ee;font:16px/1.7 system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--lt-ink);width:100%;max-width:100%;min-width:0;border:1px solid var(--lt-line);border-radius:14px;background:#fff;overflow-wrap:anywhere;box-sizing:border-box}
.lt-root *{box-sizing:border-box;min-width:0}.lt-root .lt-intro{padding:24px;background:var(--lt-soft);border-radius:14px 14px 0 0}.lt-root p{margin:10px 0;line-height:1.75}.lt-root .lt-kicker{font-size:12px;letter-spacing:.12em;font-weight:700}.lt-root .lt-title{font-size:clamp(21px,3vw,30px);font-weight:750;line-height:1.45}.lt-root .lt-content,.lt-root .lt-result{padding:20px}.lt-root .lt-result{background:#f8faf7;border-top:1px solid var(--lt-line)}.lt-root .lt-result-title{font-size:20px;font-weight:700}.lt-root .lt-subtitle{font-size:18px;font-weight:700;margin-top:22px}.lt-root .lt-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lt-root button,.lt-root input,.lt-root select,.lt-root textarea{font:inherit;max-width:100%;min-height:44px;border:1px solid #607b6d;border-radius:6px;padding:9px 11px;color:var(--lt-ink);background:white}.lt-root button{cursor:pointer;margin:4px 6px 4px 0;font-weight:650}.lt-root button:hover{background:#e0eade}.lt-root button:disabled{opacity:.55;cursor:not-allowed}.lt-root :focus-visible{outline:3px solid #ac570d;outline-offset:3px}.lt-root fieldset{border:1px solid var(--lt-line);border-radius:8px;padding:12px;margin:12px 0}.lt-root legend{padding:0 6px;font-weight:700}.lt-root .lt-field{margin:10px 0}.lt-root .lt-field label{display:block;font-size:14px;font-weight:650;margin-bottom:5px}.lt-root .lt-field input,.lt-root .lt-field select{width:100%}.lt-root .lt-check{display:flex;gap:10px;align-items:center;margin:12px 0;min-height:44px}.lt-root .lt-check input{width:22px;min-height:22px;height:22px;flex-shrink:0}.lt-root .lt-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.lt-root .lt-canvas{position:sticky;top:100px;border:1px solid var(--lt-line);border-radius:8px;background:#fcfaf5;padding:14px}.lt-root .lt-canvas svg{display:block;width:100%;height:auto;min-height:250px;max-height:650px}.lt-root svg g[tabindex]{cursor:move;touch-action:none}.lt-root .lt-help{font-size:13px;color:#465e53}.lt-root .lt-notice{font-size:14px;border-left:3px solid #8a612b;padding-left:12px}.lt-root .lt-garments{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lt-root details{border-bottom:1px solid var(--lt-line);padding:8px 0}.lt-root summary{cursor:pointer;min-height:44px;font-weight:650;padding:8px 0}.lt-root .lt-export{margin-top:25px;padding-top:16px;border-top:1px solid var(--lt-line)}.lt-root .lt-live{padding:0 20px 16px;color:#704a14}.lt-root .lt-comparison{border:2px solid #607b6d;padding:12px;border-radius:8px}.lt-root textarea{width:100%;min-height:120px}.lt-tool-card{border:1px solid #b9c6be;padding:22px;margin:20px auto;max-width:1080px;background:#f3f6f1;border-radius:9px}.lt-tool-card p{margin:8px 0}.lt-tool-card a{color:#214e40;font-weight:700;text-underline-offset:4px}@media(max-width:680px){.lt-root .lt-layout{grid-template-columns:1fr}.lt-root .lt-canvas{position:static;grid-row:1}.lt-root .lt-content,.lt-root .lt-result,.lt-root .lt-intro{padding:14px}.lt-root .lt-garments{grid-template-columns:1fr}.lt-root .lt-canvas svg{min-height:220px}}@media(prefers-reduced-motion:reduce){.lt-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.lt-root [hidden]{display:none!important}.lt-root .lt-visual{position:sticky;top:100px;min-width:0}.lt-root .lt-visual .lt-canvas{position:static}.lt-root .lt-three{width:100%;min-height:240px}.lt-root .lt-three canvas{max-width:100%;display:block}.lt-root .lt-result>svg{max-height:430px;display:block;margin:20px auto}@media(max-width:680px){.lt-root .lt-visual{position:static;grid-row:1}}
/* SYN Ownd uses vw for mobile chapter bands; classic scrollbars can add 1px.
   Constrain the bands on exact Tool pages, not body overflow or Main articles. */
@media(max-width:680px){body.lens-interactive-tool-page .post-content>h2{width:100%;max-width:100%;transform:none;margin-left:0;margin-right:0}}
body.lens-interactive-tool-page .post-content{overflow-wrap:anywhere}
/* The theme's decorative backdrop uses vw (including desktop scrollbars).
   Keep only that backdrop inside the Tool content box; never clip UI/menus. */
@media(max-width:680px){body.lens-interactive-tool-page .main-content__inner::before{width:100%;max-width:100%;left:0;right:auto;transform:none}}
.lt-workbench .lt-wave-diagram{display:block;width:100%;height:auto;max-height:560px;min-height:240px;background:#fafbf7;border:1px solid #9fb5a8;border-radius:10px}.lt-workbench dd{margin:0 0 16px;overflow-wrap:anywhere}.lt-workbench dt{font-weight:700}.lt-workbench .lt-actions button[aria-pressed=true]{background:#244f40;color:#fff}.lt-workbench fieldset fieldset{padding:10px}.lt-workbench button{white-space:normal;text-align:left}.lt-workbench .lt-panel>fieldset{margin-top:0}.lt-workbench .lt-visual{top:20px}@media(max-width:680px){.lt-workbench .lt-visual{grid-row:auto}.lt-workbench .lt-intro,.lt-workbench .lt-content,.lt-workbench .lt-result{padding:12px}}