/* Фальшпол V1 — автономные стили страницы. Не изменяет оформление других инструментов. */
.rf-page{--rf-ink:#171c20;overflow:hidden;background:#f3f2ee;color:var(--rf-ink)}
.rf-page *{box-sizing:border-box}.rf-page .wrap{width:min(calc(100% - 40px),1260px);margin-inline:auto}.rf-page a{text-decoration:none}.rf-page button{cursor:pointer}
.rf-hero{margin:0}
.rf-hero .rf-version{display:inline-flex;margin-left:10px;padding:4px 7px;border:1px solid rgba(181,138,73,.85);border-radius:6px;color:#e0c58b;vertical-align:middle}
.rf-kicker{font:700 11px/1.5 Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.rf-hero h1{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-.045em;line-height:1.07;margin:19px 0 23px;max-width:880px}.rf-hero h1 em{font-style:normal;color:inherit}.rf-hero .page-lead{max-width:810px}.rf-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.rf-hero-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.22);color:#d7dddf;background:rgba(17,23,27,.58);font-size:11px;border-radius:999px}
.rf-workspace{padding-top:42px;padding-bottom:45px}.rf-grid-layout{display:grid;grid-template-columns:410px minmax(0,1fr);gap:20px;align-items:stretch}.rf-card{background:#fff;border:1px solid #d7dad8;border-radius:22px;box-shadow:0 15px 50px rgba(17,23,27,.04)}.rf-input{padding:27px 25px}.rf-topline,.rf-visual-header,.rf-result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.rf-kicker{color:#b58a49}.rf-mini{font:700 10px Consolas,monospace;letter-spacing:.04em;color:#899399}.rf-input h2,.rf-visual h2,.rf-results h2{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:10px 0 9px}.rf-muted{font-size:13px;color:#667078;line-height:1.55;margin:0 0 20px}.rf-room{background:#fbfaf7;border:1px solid #d7dad8;padding:13px;margin-bottom:9px;border-radius:13px}.rf-room-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.rf-room-h strong{font-size:13px}.rf-room-h button{border:0;background:none;color:#85724f;text-decoration:underline;font-size:11px}.rf-field-grid,.rf-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.rf-field>span{font-size:12px;font-weight:650;color:#566168}.rf-field input,.rf-field select{height:43px;width:100%;background:#fff;border:1px solid #bfc5c8;color:#171c20;border-radius:10px;padding:0 11px;font-size:15px;transition:border-color .18s}.rf-field input:focus,.rf-field select:focus{outline:2px solid #e0c58b;outline-offset:1px;border-color:#b58a49}.rf-field select{cursor:pointer}.rf-add{width:100%;border:1px dashed #b58a49;background:#fbfaf7;color:#171f24;border-radius:11px;padding:12px;font-weight:700;font-size:13px;margin-bottom:21px}.rf-add:hover{background:#f7f6f2}.rf-add:disabled{opacity:.5;cursor:not-allowed}.rf-finish{border:0;padding:0;margin:19px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rf-finish legend{font-size:12px;font-weight:700;margin-bottom:10px}.rf-finish label{position:relative}.rf-finish input{position:absolute;opacity:0;pointer-events:none}.rf-finish span{display:block;border:1px solid #d7dad8;border-radius:10px;padding:12px 9px;font-size:12px;font-weight:700;text-align:center;cursor:pointer}.rf-finish input:checked+span{color:#171f24;background:#fbfaf7;border-color:#b58a49}.rf-finish input:focus-visible+span{outline:2px solid #b58a49;outline-offset:2px}.rf-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;width:100%;padding:16px 19px;background:#171f24;color:#fff;border:1px solid #171f24;border-radius:12px;font-size:14px;font-weight:750;box-shadow:0 7px 20px rgba(17,23,27,.12)}.rf-primary:hover{background:#263038;color:white}.rf-primary:disabled{opacity:.7;cursor:progress}.rf-small{font-size:11px;color:#667078;line-height:1.62;margin:12px 0 0}.rf-visual{overflow:hidden;display:flex;flex-direction:column}.rf-visual-header{padding:26px 27px 9px}.rf-pill{border:1px solid #d7dad8;background:#fbfaf7;padding:7px 10px;border-radius:99px;font-size:11px;color:#85724f;white-space:nowrap}.rf-viewport{position:relative;flex:1;min-height:430px;background:radial-gradient(circle at 52% 46%,#f3f2ee 0%,#f7f6f2 58%,#fbfaf7 100%);margin:0 17px;border-radius:15px;overflow:hidden}.rf-viewport svg{display:block;width:100%;height:100%;min-height:410px}.rf-viewport-tag{position:absolute;bottom:12px;left:16px;color:#667078;font-size:10px;background:rgba(255,255,255,.73);border-radius:5px;padding:5px 7px}.rf-legend{padding:21px 27px 9px;display:grid;grid-template-columns:1fr 1fr;gap:10px 6px}.rf-legend>div{display:flex;align-items:center;gap:7px;color:#566168;font-size:11px}.rf-swatch{width:13px;height:13px;border-radius:3px;flex-shrink:0}.rf-swatch-panel{background:#d8c79f}.rf-swatch-top{background:#899399}.rf-swatch-bottom{background:#384248}.rf-swatch-leg{background:#667078}.rf-note{padding:0 27px 18px;font-size:11px;line-height:1.55;color:#899399;margin:4px 0}
.rf-results{margin-top:20px;padding:25px 27px}.rf-state{border-radius:100px;background:#f3f2ee;color:#85724f;padding:7px 12px;font-size:11px;font-weight:700}.rf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.rf-stat{border:1px solid #d7dad8;background:#fbfaf7;border-radius:12px;padding:18px 17px;display:flex;flex-direction:column;gap:11px}.rf-stat>span{color:#667078;font-size:12px}.rf-stat strong{font-size:25px;letter-spacing:-.03em;line-height:1.2}.rf-stat small{font-size:12px;font-weight:600;color:#667078;letter-spacing:0}.rf-result-bottom{border-top:1px solid #d7dad8;margin-top:20px;padding-top:21px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.rf-cost{color:#171c20;margin:11px 0 0}.rf-cost strong{font-size:38px;line-height:1;font-weight:850;letter-spacing:-.04em}.rf-cost span{font-size:15px;color:#667078}.rf-total{margin-top:8px;font-size:14px}.rf-result-cta{background:#fbfaf7;border:1px solid #d7dad8;border-radius:14px;padding:21px}.rf-result-cta p{font-size:13px;line-height:1.6;margin:0 0 15px;color:#566168}.rf-result-cta small{display:block;margin-top:8px;font-size:11px;color:#667078}.rf-result-cta .rf-primary{max-width:310px}.rf-alert{margin-top:18px;padding:14px;border-radius:10px;background:#fbfaf7;border:1px solid #e0c58b;color:#85724f;font-size:12px;line-height:1.6}.rf-alert[hidden]{display:none}.rf-measure-note{margin-top:15px}
.rf-section-heading{max-width:850px}.rf-sections{padding:42px 0 66px}.rf-section-heading h2,.rf-explain h2,.rf-articles h2,.rf-faq h2{margin:11px 0 12px;letter-spacing:-.04em;line-height:1.15;font-size:clamp(28px,3vw,40px)}.rf-section-heading p{color:#667078;font-size:15px;line-height:1.7}.rf-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.rf-component-grid article{background:#fff;border:1px solid #d7dad8;padding:27px;border-radius:14px;min-height:184px}.rf-component-grid article>span{font:700 12px Consolas,monospace;color:#b58a49}.rf-component-grid h3{margin:13px 0 8px;font-size:18px;letter-spacing:-.02em}.rf-component-grid p{font-size:13px;line-height:1.65;color:#667078;margin:0}.rf-explain{background:#11171b;color:white;padding:60px 0}.rf-explain-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.rf-explain .rf-kicker{color:#e0c58b}.rf-explain-inner>div>p{color:#cbd3d6;line-height:1.8;font-size:15px}.rf-explain-panel{padding:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:15px}.rf-explain-panel h3{margin:0 0 16px}.rf-explain-panel ul{list-style:none;padding:0;margin:0 0 21px}.rf-explain-panel li{color:#cfd5d2;border-bottom:1px solid rgba(255,255,255,.12);padding:10px 0;font-size:13px}.rf-explain-panel li:before{content:'✓';font-weight:800;color:#e0c58b;margin-right:10px}.rf-explain-panel a{font-size:13px;font-weight:750;color:#e0c58b}.rf-articles{padding:64px 0 32px}.rf-videos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.rf-videos a{display:flex;flex-direction:column;justify-content:space-between;min-height:170px;border:1px solid #d7dad8;border-radius:13px;background:#fff;padding:21px;transition:transform .15s,border-color .15s}.rf-videos a:hover{transform:translateY(-3px);border-color:#b58a49}.rf-videos a span{font:700 11px Consolas,monospace;color:#85724f}.rf-videos a strong{font-size:16px;line-height:1.35}.rf-videos a small{font-size:11px;color:#85724f}.rf-faq{padding:31px 0 75px}.rf-faq details{border-bottom:1px solid #d7dad8;padding:17px 0}.rf-faq summary{cursor:pointer;font-size:16px;font-weight:650;list-style-position:outside}.rf-faq details p{font-size:14px;max-width:900px;line-height:1.7;color:#667078}
.rf-page .rf-room-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:0 27px 10px}.rf-page .rf-room-tabs button{background:#fbfaf7;border:1px solid #d7dad8;border-radius:7px;color:#667078;padding:5px 10px;font-size:11px}.rf-page .rf-room-tabs button.is-active{background:#f3f2ee;border-color:#b58a49;color:#171f24}.rf-error-text{color:#85724f;margin:8px 0;font-size:12px}
@media(max-width:1050px){.rf-grid-layout{grid-template-columns:365px minmax(0,1fr)}.rf-viewport{min-height:370px}.rf-viewport svg{min-height:370px}.rf-stat strong{font-size:22px}.rf-videos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.rf-hero{padding:55px 0}.rf-grid-layout,.rf-explain-inner{grid-template-columns:1fr}.rf-visual{min-height:545px}.rf-viewport{min-height:380px}.rf-viewport svg{min-height:380px}.rf-stats{grid-template-columns:repeat(2,1fr)}.rf-component-grid{grid-template-columns:repeat(2,1fr)}.rf-explain-inner{gap:18px}.rf-result-bottom{gap:17px}}
@media(max-width:540px){.rf-page .wrap{width:min(calc(100% - 26px),1260px)}.rf-hero{padding:44px 0}.rf-hero p{font-size:15px}.rf-hero-tags{gap:6px}.rf-hero-tags span{font-size:10px}.rf-workspace{padding-top:15px}.rf-input,.rf-results{padding:19px 15px}.rf-visual-header{padding:18px 15px 9px}.rf-visual h2{font-size:20px}.rf-visual{min-height:450px}.rf-viewport{margin:0 9px;min-height:290px}.rf-viewport svg{min-height:290px}.rf-legend{padding:17px 13px 8px}.rf-note{padding:0 13px 13px}.rf-stat{padding:13px 12px}.rf-stat strong{font-size:22px}.rf-result-bottom,.rf-component-grid,.rf-videos{grid-template-columns:1fr}.rf-section-heading h2,.rf-explain h2,.rf-articles h2,.rf-faq h2{font-size:30px}.rf-sections{padding:31px 0 47px}.rf-explain{padding:42px 0}.rf-articles{padding:47px 0 24px}.rf-faq{padding-bottom:49px}}