/* tb-build rafter-section-spacing-calculator 9f2f1e49b0f0 */
/* rafter-section-spacing-calculator — ToolBoss deployment build. Source of truth: delivery/apps/rafter-section-spacing-calculator/app.css */
/* Fonts: same-origin WOFF2 uploaded through the WP Font Library (/wp-content/uploads/fonts). */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/golos-text-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('/wp-content/uploads/fonts/golos-text-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

#js-tool-container-rafter-section-spacing-calculator .rs { --rs-bg:#f4f5f7; --rs-card:#ffffff; --rs-card2:#ffffff; --rs-ink:#141a22; --rs-mute:#68727f; --rs-line:#e2e6eb; --rs-line2:#cfd6de; --rs-muteline:#8a94a3; --rs-text2:#3c4653; --rs-accent:#2456c8; --rs-ring:rgba(36,86,200,.16); --rs-good:#0e7a4c; --rs-goodbg:#e8f5ee; --rs-goodline:#bfe3cf; --rs-warn:#b4690e; --rs-paper:#eef3fb; --rs-grid:#d8e2f2; --rs-snowc:#5c7ec2; --rs-wood:#f6e3c4; --rs-woodline:#b07b2e; --rs-bad:#b3362b; --rs-badbg:#fbeceb; --rs-sans:'Golos Text',system-ui,sans-serif; --rs-mono:'JetBrains Mono',ui-monospace,monospace; display:grid;grid-template-columns:352px 1fr;gap:18px;color:var(--rs-ink);font:14px/1.45 var(--rs-sans); }
html[data-theme="dark"] #js-tool-container-rafter-section-spacing-calculator .rs { --rs-bg:#0e1116; --rs-card:#161b24; --rs-card2:#121822; --rs-ink:#e8ecf2; --rs-mute:#93a0b0; --rs-line:#242c38; --rs-line2:#33405268; --rs-muteline:#5c6a7d; --rs-text2:#b8c4d4; --rs-accent:#6f9bff; --rs-ring:rgba(111,155,255,.22); --rs-good:#5fd3a0; --rs-goodbg:#12271e; --rs-goodline:#1f4736; --rs-warn:#e0a04c; --rs-paper:#101725; --rs-grid:#1b2536; --rs-snowc:#7d9bd8; --rs-wood:#3a2f1d; --rs-woodline:#c89b52; --rs-bad:#ff8d7e; --rs-badbg:#33171a; }
#js-tool-container-rafter-section-spacing-calculator .rs-card { background:var(--rs-card);border:1px solid var(--rs-line);border-radius:20px;box-shadow:0 1px 2px rgba(20,26,34,.05),0 18px 44px -30px rgba(20,26,34,.22) }
#js-tool-container-rafter-section-spacing-calculator .rs-in { padding:22px 22px 18px }
#js-tool-container-rafter-section-spacing-calculator .rs-h { font:600 11px/1 var(--rs-mono);letter-spacing:.14em;color:var(--rs-mute);text-transform:uppercase;margin:0 0 14px }
#js-tool-container-rafter-section-spacing-calculator .rs-seg { display:grid;grid-template-columns:1fr 1fr;background:var(--rs-paper);border-radius:12px;padding:4px;gap:4px;margin-bottom:16px }
#js-tool-container-rafter-section-spacing-calculator .rs-seg button { font:600 12.5px/1 var(--rs-sans);padding:9px 6px;border-radius:9px;border:0;background:transparent;color:var(--rs-mute);cursor:pointer }
#js-tool-container-rafter-section-spacing-calculator .rs-seg button.on { background:var(--rs-card);color:var(--rs-ink);box-shadow:0 1px 3px rgba(20,26,34,.14) }
#js-tool-container-rafter-section-spacing-calculator .rs-row { margin-bottom:13px }
#js-tool-container-rafter-section-spacing-calculator .rs-lab { display:flex;justify-content:space-between;font:500 12px/1 var(--rs-sans);color:var(--rs-mute);margin-bottom:6px }
#js-tool-container-rafter-section-spacing-calculator .rs-lab b { color:var(--rs-ink);font-weight:600 }
#js-tool-container-rafter-section-spacing-calculator .rs-field { display:flex;align-items:center;border:1px solid var(--rs-line2);border-radius:12px;background:var(--rs-card);height:44px }
#js-tool-container-rafter-section-spacing-calculator .rs-field .rs-st { width:36px;align-self:stretch;border:0;background:var(--rs-paper);color:var(--rs-mute);font:500 15px var(--rs-mono);border-radius:10px;cursor:pointer }
#js-tool-container-rafter-section-spacing-calculator .rs-field .rs-v { flex:1;min-width:0;border:0;background:transparent;text-align:center;font:600 17px var(--rs-mono);font-variant-numeric:tabular-nums;color:var(--rs-ink);outline:none }
#js-tool-container-rafter-section-spacing-calculator .rs-field:focus-within { border-color:var(--rs-accent);box-shadow:0 0 0 4px var(--rs-ring) }
#js-tool-container-rafter-section-spacing-calculator .rs-chips { display:grid;grid-template-columns:repeat(4,1fr);gap:6px }
#js-tool-container-rafter-section-spacing-calculator .rs-chips.three { grid-template-columns:repeat(3,1fr) }
#js-tool-container-rafter-section-spacing-calculator .rs-chips button { font:600 12.5px var(--rs-mono);padding:8px 4px;border:1px solid var(--rs-line2);border-radius:10px;color:var(--rs-mute);background:var(--rs-card);text-align:center;cursor:pointer }
#js-tool-container-rafter-section-spacing-calculator .rs-chips button.on { background:var(--rs-ink);border-color:var(--rs-ink);color:var(--rs-card) }
#js-tool-container-rafter-section-spacing-calculator .rs-note { font:400 11.5px/1.5 var(--rs-sans);color:var(--rs-mute);margin:12px 0 0 }
#js-tool-container-rafter-section-spacing-calculator .rs-right { display:grid;gap:18px;grid-template-rows:auto auto;min-width:0 }
#js-tool-container-rafter-section-spacing-calculator .rs-draw { padding:18px 22px 14px }
#js-tool-container-rafter-section-spacing-calculator .rs-draw svg { display:block;width:100%;height:auto }
#js-tool-container-rafter-section-spacing-calculator .rs-verdict { display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:18px 24px }
#js-tool-container-rafter-section-spacing-calculator .rs-sec { font:700 44px/1 var(--rs-mono);letter-spacing:-.02em }
#js-tool-container-rafter-section-spacing-calculator .rs-sec small { font:600 15px var(--rs-mono);color:var(--rs-mute);letter-spacing:0 }
#js-tool-container-rafter-section-spacing-calculator .rs-step { font:500 13px var(--rs-sans);color:var(--rs-mute);margin-top:6px }
#js-tool-container-rafter-section-spacing-calculator .rs-g { display:grid;gap:9px }
#js-tool-container-rafter-section-spacing-calculator .rs-g .r { display:grid;grid-template-columns:138px 1fr 92px;align-items:center;gap:10px;font:500 12px var(--rs-sans);color:var(--rs-mute) }
#js-tool-container-rafter-section-spacing-calculator .rs-g .bar { height:8px;background:var(--rs-paper);border-radius:6px;overflow:hidden }
#js-tool-container-rafter-section-spacing-calculator .rs-g .bar i { display:block;height:100%;border-radius:6px;background:var(--rs-accent);transition:width .12s }
#js-tool-container-rafter-section-spacing-calculator .rs-g .bar i.warn { background:var(--rs-warn) }
#js-tool-container-rafter-section-spacing-calculator .rs-g .bar i.bad { background:var(--rs-bad) }
#js-tool-container-rafter-section-spacing-calculator .rs-g .num { font:600 13px var(--rs-mono);text-align:right;color:var(--rs-ink) }
#js-tool-container-rafter-section-spacing-calculator .rs-ok { background:var(--rs-goodbg);color:var(--rs-good);border:1px solid var(--rs-goodline);border-radius:14px;padding:12px 18px;font:600 13px/1.35 var(--rs-sans);max-width:200px;text-align:center }
#js-tool-container-rafter-section-spacing-calculator .rs-ok.bad { background:var(--rs-badbg);color:var(--rs-bad);border-color:var(--rs-bad) }
#js-tool-container-rafter-section-spacing-calculator .rs[data-state="invalid"] .rs-field:has(.rs-v.is-bad) { border-color:var(--rs-bad);box-shadow:0 0 0 4px rgba(179,54,43,.14) }
#js-tool-container-rafter-section-spacing-calculator .rs-err { font:500 11.5px/1.4 var(--rs-sans);color:var(--rs-bad);margin:8px 0 0;display:none }
#js-tool-container-rafter-section-spacing-calculator .rs[data-state="invalid"] .rs-err { display:block }
@media (max-width:900px) {
  #js-tool-container-rafter-section-spacing-calculator .rs { grid-template-columns:1fr }
  #js-tool-container-rafter-section-spacing-calculator .rs-right { order:2 }
}
@media (max-width:430px) {
  #js-tool-container-rafter-section-spacing-calculator .rs { gap:12px }
  #js-tool-container-rafter-section-spacing-calculator .rs-in { padding:16px 14px 12px }
  #js-tool-container-rafter-section-spacing-calculator .rs-verdict { grid-template-columns:1fr;gap:14px;padding:16px }
  #js-tool-container-rafter-section-spacing-calculator .rs-sec { font-size:34px }
  #js-tool-container-rafter-section-spacing-calculator .rs-g .r { grid-template-columns:110px 1fr 84px }
  #js-tool-container-rafter-section-spacing-calculator .rs-chips { grid-template-columns:repeat(4,1fr) }
}

/* ===== ToolBoss host integration (id-scoped) ===== */
/* 1. Wrapper neutralised: the block is the tool itself, no theme card around it. Focus mode («На весь экран») keeps its own padding. */
#js-tool-container-rafter-section-spacing-calculator:not(.tb-focus-mode) { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; contain: layout style !important; }
#js-tool-container-rafter-section-spacing-calculator > .js-premium-app-html-content { display: contents; padding: 0 !important; background: transparent !important; }
/* 1b. Focus mode: core.min.css forces `background:0 0!important` on `:has(.tb-zone)` wrappers — paint the fixed overlay with the page background. */
#js-tool-container-rafter-section-spacing-calculator.tb-focus-mode { background: var(--bg0, #f4f5f7) !important; }
html[data-theme="dark"] #js-tool-container-rafter-section-spacing-calculator.tb-focus-mode { background: var(--bg0, #0b0c10) !important; }
/* 2. .tb-zone on the app root switches the wrapper into zone layout (action links become the rounded end); the zone card itself is zeroed. */
#js-tool-container-rafter-section-spacing-calculator .tb-zone.rs { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; margin: 0 !important; font-size: 1rem; line-height: 1.55; }
/* 3. Theme control resets (tools-engine / semantic-dark force these with !important). Kept at (1,0,x) specificity so app rules win. */
#js-tool-container-rafter-section-spacing-calculator input:where(:not([type="range"], [type="checkbox"], [type="radio"])), #js-tool-container-rafter-section-spacing-calculator :where(select, textarea) { height: auto !important; border-radius: 0 !important; padding: 1px 2px !important; font-weight: inherit !important; }
#js-tool-container-rafter-section-spacing-calculator :where(select) { border-radius: 8px !important; }
#js-tool-container-rafter-section-spacing-calculator :where(input, select, textarea):focus { background-color: transparent !important; box-shadow: none !important; }
#js-tool-container-rafter-section-spacing-calculator :where(label) { color: inherit !important; }
#js-tool-container-rafter-section-spacing-calculator :where(table, thead, tbody, tr, th, td) { color: inherit; background: transparent; }
#js-tool-container-rafter-section-spacing-calculator :where([class*="val"], [class*="result"], [id*="res"]) { line-height: inherit !important; max-width: none !important; overflow-wrap: normal !important; word-break: normal !important; font-variant-numeric: inherit !important; }