/* Website-only form theme. Native/Android assets and tool behavior remain independent. */
body.tool-form-page[data-tool-form]{--form-ink:#22221f;--form-muted:#62625a;--form-line:#d7d6cf;--form-field:#fafaf7;--form-accent:#b73710;--form-soft:#f1f0ea}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize){
  --ink:var(--form-ink);--muted:var(--form-muted);--line:var(--form-line);--paper:#fff;--sage:var(--form-accent);--sage-bg:#fff0e7;--terra:var(--form-accent);--green:var(--form-ink);--accent:var(--form-accent);--qr-ink:var(--form-ink);--qr-accent:var(--form-accent);--pr-accent:var(--form-accent);
  max-width:none;margin:0;padding:0;color:var(--form-ink);font:1rem/1.65 Arial,Helvetica,sans-serif;overflow-wrap:anywhere
}
body.tool-form-page[data-tool-form] .tools-shell{padding-top:1.5rem}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize)>h1,
body.tool-form-page[data-tool-form] .gthread-calculator .hero h1{
  font:500 clamp(2rem,3.8vw,3.25rem)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;max-width:25ch;margin:1rem 0 1.25rem;text-wrap:balance
}
body.tool-form-page[data-tool-form] :where(.eyebrow,.wt-kicker,.pr-local){color:var(--form-accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
body.tool-form-page[data-tool-form] .pr-local{background:transparent;border-radius:0;padding:0;margin-top:1.25rem}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,#qr-tool)>.eyebrow,
body.tool-form-page[data-tool-form] :where(.dd,.wt,div.scale-tool)>.eyebrow,
body.tool-form-page[data-tool-form] .wt-kicker{margin-top:1.25rem}
body.tool-form-page[data-tool-form] :where(.intro,.lead,.wt-lead,.pr-intro){font-size:1.0625rem;line-height:1.75;color:var(--form-muted);max-width:68ch}
body.tool-form-page[data-tool-form] .tools-breadcrumb{padding-top:0}
body.tool-form-page[data-tool-form] :where(.dd,.wt)>a:first-child,
body.tool-form-page[data-tool-form] nav.scale-tool>a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--form-muted);text-decoration:underline;text-underline-offset:4px}
body.tool-form-page[data-tool-form] nav.scale-tool{max-width:none;padding:0;margin:0}
body.tool-form-page[data-tool-form] .gthread-calculator .hero{padding:0 0 1.75rem;gap:2rem;border-color:var(--form-line)}
body.tool-form-page[data-tool-form] .gthread-calculator .scope-card{border-color:var(--form-line);background:var(--form-soft);border-radius:16px;padding:1.5rem}
body.tool-form-page[data-tool-form] .gthread-calculator .scope-card strong{font:600 1.5rem/1.25 Arial,Helvetica,sans-serif}
body.tool-form-page[data-tool-form] :where(.spacing,.uc) .workspace,
body.tool-form-page[data-tool-form] #qr-tool .qr-grid{gap:1.5rem;margin:2rem 0;align-items:start}
body.tool-form-page[data-tool-form] .uc .workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.tool-form-page[data-tool-form] .spacing .workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,#qr-tool,div.scale-tool) .panel,
body.tool-form-page[data-tool-form] :where(.dd .calc,.wt-panel,.pr-workspace,.gthread-calculator .form-column,.gthread-calculator .drawing-panel){
  min-width:0;background:#fff;border:1px solid var(--form-line);border-radius:20px;padding:clamp(1.125rem,2.5vw,2rem);box-shadow:0 8px 30px #22221f04
}
body.tool-form-page[data-tool-form] :where(.dd .calc,.wt-panel,.pr-workspace,div.scale-tool .panel){margin:2rem 0}
body.tool-form-page[data-tool-form] :where(.panel,.calc,.wt-panel,.form-column) h2,
body.tool-form-page[data-tool-form] .gthread-calculator .section-heading h2{font:650 1.25rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0 0 1.25rem}
body.tool-form-page[data-tool-form] .gthread-calculator .section-heading h2{margin:0}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  box-sizing:border-box;max-width:100%;min-width:0;min-height:52px;border:1px solid #8b8b80;border-radius:13px;background:var(--form-field);color:var(--form-ink);padding:12px 14px;font:400 1rem/1.4 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 2px #22221f03;transition:border-color .15s,box-shadow .15s,background-color .15s
}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(input,textarea)::placeholder{color:#62625a;opacity:1}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(input,select,textarea):focus-visible{
  outline:2px solid var(--form-accent);outline-offset:3px;border-color:var(--form-accent);background:#fff;box-shadow:0 0 0 5px #b737100d
}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(button,a,summary,[tabindex]):focus-visible{outline:3px solid var(--form-accent);outline-offset:4px}
body.tool-form-page[data-tool-form] :where(.gthread-calculator,.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]){border-color:#a12416}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(input[type=checkbox],input[type=radio]){accent-color:var(--form-accent);flex-shrink:0}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) label{font-size:.9375rem;line-height:1.5;font-weight:600}
body.tool-form-page[data-tool-form] :where(.spacing .form-grid,.wt-grid,.pr-fields)>label{display:flex;flex-direction:column;justify-content:space-between;gap:6px}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(button,.qr-button),
body.tool-form-page[data-tool-form] .gthread-calculator :where(.primary,.seller-button,.dialog-head button){
  box-sizing:border-box;max-width:100%;min-height:48px;border:1px solid #92928a;border-radius:12px;padding:11px 17px;font:600 .9375rem/1.45 Arial,Helvetica,sans-serif;white-space:normal;overflow-wrap:anywhere;background:#fff;color:var(--form-ink);box-shadow:none;transition:background-color .15s,border-color .15s
}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,div.scale-tool) button.primary,
body.tool-form-page[data-tool-form] :where(.wt .wt-primary,.photo-resize .pr-primary),
body.tool-form-page[data-tool-form] #qr-tool :where(button:not(.secondary),.qr-button),
body.tool-form-page[data-tool-form] .gthread-calculator :where(.primary,.seller-button){background:var(--form-ink);border-color:var(--form-ink);color:#fff}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) button:not(:disabled):hover,
body.tool-form-page[data-tool-form] .gthread-calculator :where(.primary,.seller-button):hover{border-color:var(--form-accent);background:#fff0e7;color:var(--form-ink)}
body.tool-form-page[data-tool-form] .dd button[aria-pressed=true]{background:#fff0e7;color:#92320f;border-color:var(--form-accent);box-shadow:inset 0 0 0 1px var(--form-accent)}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) button:disabled{opacity:.5;cursor:not-allowed}
body.tool-form-page[data-tool-form] :where(.actions,.wt-actions,.pr-actions){gap:.625rem}
body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize) :where(.note,.wt-small,.pr-note,.muted,.unit-note){color:var(--form-muted);font-size:.875rem;line-height:1.7}
body.tool-form-page[data-tool-form] :is(.uc .result-panel,.dd .answer,div.scale-tool .result,.wt .wt-net,.gthread-calculator .result-card){
  background:var(--form-ink);color:#fff;border:1px solid var(--form-ink);border-left:4px solid #e66735;border-radius:16px;padding:1.5rem;box-shadow:none
}
body.tool-form-page[data-tool-form] :where(.uc .result-panel,.dd .answer,div.scale-tool .result,.wt .wt-net,.gthread-calculator .result-card) :where(.note,.muted,.unit-line,.result-kicker,.result-stats,.purchase,.caution){color:#d4d4ca}
body.tool-form-page[data-tool-form] .uc .result-panel .error{color:#ffbaa5}
body.tool-form-page[data-tool-form] :where(.uc .result-panel,.dd .answer,div.scale-tool .result,.wt .wt-net) output,
body.tool-form-page[data-tool-form] .gthread-calculator .thread-size{display:block;font-size:clamp(1.8rem,3vw,2.625rem);font-weight:600;letter-spacing:-.04em;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.tool-form-page[data-tool-form] .uc .result-panel :where(button,button.primary),
body.tool-form-page[data-tool-form] .gthread-calculator .result-card .seller-button{background:#fff;color:var(--form-ink);border-color:#fff}
body.tool-form-page[data-tool-form] :where(.uc .result-panel,.gthread-calculator .result-card) button:not(:disabled):hover{background:#ffdbca;border-color:#ffdbca;color:var(--form-ink)}
body.tool-form-page[data-tool-form] .uc .result-panel button:focus-visible{outline-color:#ffa47c}
body.tool-form-page[data-tool-form] .gthread-calculator .result-stats{border-color:#56564f}
body.tool-form-page[data-tool-form] .gthread-calculator .result-stats b{color:#fff}
body.tool-form-page[data-tool-form] .gthread-calculator .workspace{padding-top:2rem;gap:1.5rem}
body.tool-form-page[data-tool-form] .gthread-calculator .mode-card{border-radius:13px;padding:1rem;border-color:#8b8b80;min-height:120px}
body.tool-form-page[data-tool-form] .gthread-calculator .mode-card[aria-pressed=true]{border-color:var(--form-accent);background:#fff0e7;box-shadow:inset 0 0 0 1px var(--form-accent)}
body.tool-form-page[data-tool-form] .gthread-calculator .mode-card b{font-size:.875rem}
body.tool-form-page[data-tool-form] .gthread-calculator .mode-card small{font-size:.75rem}
body.tool-form-page[data-tool-form] .gthread-calculator .measurement-box{border:0;padding:0;background:transparent}
body.tool-form-page[data-tool-form] .gthread-calculator .measurement-box>label{font-size:.9375rem;color:var(--form-ink)}
body.tool-form-page[data-tool-form] .gthread-calculator .measurement-row input{height:58px;font-size:1.5rem;padding-right:45px}
body.tool-form-page[data-tool-form] .gthread-calculator .measurement-row select{width:76px}
body.tool-form-page[data-tool-form] .gthread-calculator .clear{right:88px;top:5px;height:48px}
body.tool-form-page[data-tool-form] .gthread-calculator :where(#measurement-help,.scope-warning,.fine,.empty p,.caution){font-size:.8125rem;line-height:1.7}
body.tool-form-page[data-tool-form] .gthread-calculator .example{font-size:.8125rem;min-height:44px}
body.tool-form-page[data-tool-form] .gthread-calculator .empty{background:var(--form-soft);border-color:var(--form-line);border-radius:16px}
body.tool-form-page[data-tool-form] .gthread-calculator .empty h3{font:600 1.25rem/1.3 Arial,Helvetica,sans-serif}
body.tool-form-page[data-tool-form] .gthread-calculator .empty:is(.invalid,.none){background:#fff3e8;border-color:#bd8b67}
body.tool-form-page[data-tool-form] .gthread-calculator .drawing-column{position:static}
body.tool-form-page[data-tool-form] .gthread-calculator #drawing{background:var(--form-soft);border-color:var(--form-line);border-radius:12px}
body.tool-form-page[data-tool-form] .spacing .metric{background:var(--form-ink);color:#fff;border-radius:13px;padding:1rem}
body.tool-form-page[data-tool-form] .spacing .metric span{color:#d4d4ca;font-size:.8125rem}
body.tool-form-page[data-tool-form] .spacing .metric strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
body.tool-form-page[data-tool-form] .spacing :where(.drawing,th){background:var(--form-soft)}
body.tool-form-page[data-tool-form] .spacing :where(.drawing,.table-wrap){border-color:var(--form-line);border-radius:13px}
body.tool-form-page[data-tool-form] .spacing svg text{fill:var(--form-ink)}
body.tool-form-page[data-tool-form] .spacing .element{fill:#fff0e7;stroke:var(--form-ink)}
body.tool-form-page[data-tool-form] .spacing .center{stroke:var(--form-ink)}
body.tool-form-page[data-tool-form] .spacing :where(.reference,.dim){stroke:var(--form-accent)}
body.tool-form-page[data-tool-form] .spacing textarea{border-radius:13px;resize:vertical}
body.tool-form-page[data-tool-form] .wt-results{gap:1rem;border-color:var(--form-line)}
body.tool-form-page[data-tool-form] .wt-results>div:not(.wt-net){padding:1rem;border-radius:13px;background:var(--form-soft)}
body.tool-form-page[data-tool-form] .wt-results output{font-variant-numeric:tabular-nums}
body.tool-form-page[data-tool-form] #qr-tool .preview{background:#fff;border:1px solid var(--form-line);border-radius:13px;padding:1rem}
body.tool-form-page[data-tool-form] #qr-tool .result{background:var(--form-ink);color:#fff;border-radius:13px;padding:1.25rem}
body.tool-form-page[data-tool-form] #qr-tool .result a{color:#ffbaa5}
body.tool-form-page[data-tool-form] #qr-tool .warning{border-left-color:var(--form-accent);background:#fff4e7;color:#633608}
body.tool-form-page[data-tool-form] div.scale-tool .diagram{background:var(--form-soft);border-radius:13px;padding:.5rem 1rem}
body.tool-form-page[data-tool-form] .photo-resize input[type=file]::file-selector-button,
body.tool-form-page[data-tool-form] #qr-tool input[type=file]::file-selector-button{font:600 .875rem/1.4 Arial,Helvetica,sans-serif;border:1px solid var(--form-line);border-radius:8px;background:#fff;color:var(--form-ink);padding:8px 12px;margin:0 12px 4px 0;cursor:pointer}
body.tool-form-page[data-tool-form] .pr-results section{border-color:var(--form-line);border-radius:20px;padding:1.25rem}
body.tool-form-page[data-tool-form] .pr-results a{min-height:48px;border-radius:12px;background:var(--form-ink);color:#fff;border-color:var(--form-ink);text-align:center}
body.tool-form-page[data-tool-form] .pr-results h3{font-size:1.125rem;line-height:1.4}
@media(max-width:800px){
  body.tool-form-page[data-tool-form] :is(.spacing,.uc) .workspace,
  body.tool-form-page[data-tool-form] #qr-tool .qr-grid{grid-template-columns:minmax(0,1fr)}
  body.tool-form-page[data-tool-form] .spacing .controls{position:static}
  body.tool-form-page[data-tool-form] .gthread-calculator .workspace{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  body.tool-form-page[data-tool-form] .tools-shell{padding-top:1rem}
  body.tool-form-page[data-tool-form] :where(.spacing,.uc,.dd,.wt,#qr-tool,div.scale-tool,.photo-resize)>h1,
  body.tool-form-page[data-tool-form] .gthread-calculator .hero h1{font-size:2.125rem;line-height:1.12}
  body.tool-form-page[data-tool-form] :where(.spacing,.uc) .workspace,
  body.tool-form-page[data-tool-form] #qr-tool .qr-grid,
  body.tool-form-page[data-tool-form] :where(.dd .calc,.wt-panel,.pr-workspace,div.scale-tool .panel){margin-block:1.5rem}
  body.tool-form-page[data-tool-form] :where(.dd .grid,div.scale-tool .grid,.pr-fields){grid-template-columns:minmax(0,1fr)}
  body.tool-form-page[data-tool-form] .spacing .metrics{grid-template-columns:minmax(0,1fr)}
  body.tool-form-page[data-tool-form] .spacing .metric{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
  body.tool-form-page[data-tool-form] :is(.uc .result-panel,.dd .answer,div.scale-tool .result,.wt .wt-net,.gthread-calculator .result-card){padding:1.125rem}
}
@media(max-width:380px){
  body.tool-form-page[data-tool-form] :where(.spacing .form-grid,.wt-grid){grid-template-columns:minmax(0,1fr)}
  body.tool-form-page[data-tool-form] .gthread-calculator .measurement-row select{width:65px;padding-inline:8px}
  body.tool-form-page[data-tool-form] .gthread-calculator .clear{right:77px}
}
@media(prefers-reduced-motion:reduce){body.tool-form-page[data-tool-form] :where(input,select,textarea,button){transition:none}}
@media print{
  body.tool-form-page[data-tool-form] :is(.uc .result-panel,.dd .answer,div.scale-tool .result,.wt .wt-net,.gthread-calculator .result-card,.spacing .metric){background:#fff;color:#000;border-color:#777}
  body.tool-form-page[data-tool-form] :where(.note,.muted,.unit-line,.result-kicker,.result-stats,.result-stats b,.purchase,.caution,.metric span){color:#333}
  body.tool-form-page[data-tool-form] .gthread-calculator .result-stats b{color:#000}
}