.rf-section{padding-block:clamp(28px,4vw,60px);border-top:1px solid #d8dfda;scroll-margin-top:1rem}
.rf-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}
.rf-heading h2{letter-spacing:-.065em;color:#202923}
.rf-heading p{padding-top:7px;color:#576159;font-size:.95rem}
.rf-heading>a{white-space:nowrap;font-weight:650;border-bottom:1px solid #8d998f;font-size:.92rem}
.rf-section .rf-subtitle{font-size:1.1rem;letter-spacing:-.04em;margin:25px 0 10px;color:#262e26}
.rf-popular{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,1vw,14px);margin-bottom:16px}
.rf-section :is(.rf-shortcut,.rf-mode,.rf-chip,#rf-add,#rf-form button[type=submit]){cursor:pointer;touch-action:manipulation;font-family:inherit}
.rf-shortcut{border:1px solid #d4d9d1;border-radius:9px;padding:4px;background:#fff;text-align:left;color:#28342b;min-width:0;overflow:hidden}
.rf-shortcut strong{display:block;padding:7px clamp(2px,.65vw,10px) 5px;line-height:1.3;font-size:clamp(.75rem,1.05vw,.98rem);letter-spacing:-.035em}
.rf-shortcut[aria-pressed=true]{border-color:#335d48;box-shadow:inset 0 0 0 1px #335d48;background:#f1f5ec}
.rf-shortcut:hover,.rf-mode:hover,.rf-chip:hover{border-color:#4e6657}
.rf-art{display:flex;align-items:center;justify-content:center;height:clamp(55px,7.2vw,98px);border-radius:5px;overflow:hidden;position:relative;isolation:isolate;background:#dfded4}
.rf-art img{width:100%;height:100%;object-fit:cover;display:block}
.rf-art-banner:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#18251f90)}
.rf-art-nav{position:absolute;right:6%;bottom:5%;color:#fff;font-size:13px;font-weight:750;z-index:1}
.rf-art-carousel{gap:5px;background:#e6e6db;padding:8% 0}
.rf-art-carousel img{min-width:0;border-radius:3px;width:26%;height:90%}
.rf-art-carousel img:nth-child(2){width:54%;height:100%}
.rf-art-gif{background:#f4d34e}.rf-art-gif img{width:auto;max-width:100%;object-fit:contain}
.rf-art-compare img{position:absolute;inset:0}
.rf-art-compare img:nth-child(2){clip-path:inset(0 0 0 50%)}
.rf-art-compare:after{content:'↔';position:absolute;inset:auto auto auto 50%;transform:translateX(-50%);font-size:12px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#20342b;width:24px;height:24px;box-shadow:0 -25px 0 -11px white,0 25px 0 -11px white}
.rf-art-faq,.rf-art-quote{padding:6% 10%;align-items:stretch;justify-content:center;flex-direction:column;gap:4px}
.rf-art-faq{background:#e0e9df}.rf-art-faq i{font-size:clamp(8px,.85vw,12px);font-style:normal;background:#fbfdf8;color:#233d2d;padding:4px 7px;border-left:2px solid #536d56;border-radius:2px}
.rf-art-quote{background:#e9dfce;color:#453d2b}.rf-art-quote i{font-size:10px;font-style:normal}
.rf-art-quote b{font-size:clamp(13px,1.4vw,22px);letter-spacing:-.04em}
.rf-art-track{height:2px;background:linear-gradient(to right,#54462c 55%,#c2b39d 55%);margin-top:3px}
.rf-art-track:after{content:'';display:block;width:7px;height:7px;background:#54462c;border-radius:50%;margin-left:55%;transform:translateY(-2px)}
.rf-lab{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.5fr);grid-template-rows:1fr auto;grid-template-areas:'controls live' 'apply live';border:1px solid #cdd5ca;border-radius:12px;background:#f0f2eb;overflow:hidden}
.rf-controls{grid-area:controls;padding:clamp(16px,2.25vw,32px);align-self:start}
.rf-controls>label{display:block;font-size:.8rem;font-weight:700;color:#4d5d50;margin-bottom:5px}
.rf-controls>select{display:block;width:100%;max-width:100%;min-height:44px;background:#fff;color:#203429;border:1px solid #acbcae;border-radius:6px;padding:7px 9px;font:inherit}
.rf-option-panel{margin-top:22px}
.rf-section #rf-preview-title{font-size:clamp(22px,2vw,32px);font-weight:720;letter-spacing:-.055em;line-height:1.2}
.rf-section #rf-hint{font-size:14px;color:#536153;line-height:1.6;margin:8px 0}
.rf-modes{display:flex;gap:5px;flex-wrap:wrap}
.rf-mode,.rf-chip{min-height:40px;border:1px solid #bbc7ba;border-radius:6px;background:#fff;color:#324937;padding:5px 12px;font-size:.86rem}
.rf-mode[aria-pressed=true]{color:#fff;border-color:#384f3c;background:#384f3c}
.rf-live{grid-area:live;position:relative;background:#fff;min-width:0;max-height:470px;overflow:auto;border-left:1px solid #cdd5ca;overscroll-behavior:auto;scrollbar-width:thin}
.rf-live #rf-stage .br-hero{min-height:clamp(310px,44cqw,460px)}
.rf-live #rf-stage .br-control,.rf-live #rf-stage .rb-controls button{min-height:36px}
.rf-live #rf-stage .br-heading{font-size:clamp(32px,6.6cqw,74px)}
.rf-live #rf-stage .rb-block{min-height:300px}
.rf-live #rf-stage .rb-block figure img{max-height:270px}
.rf-live #rf-stage .rb-wipe{max-height:280px}
.rf-apply{grid-area:apply;padding:0 clamp(16px,2.25vw,32px) clamp(16px,2.25vw,32px)}
#rf-add,#rf-form button[type=submit]{line-height:1.35;font-weight:680;font-size:14px;min-height:44px;border-radius:6px;border:1px solid #244c38;padding:9px 18px;background:#254c38;color:white}
#rf-add:disabled{background:#dce7da;color:#36573c;border-color:#aebfac;cursor:default}
#rf-form{margin-top:13px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:15px 0;border-bottom:1px solid #d8dfda}
.rf-selection{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.rf-section .rf-selection h3{font-size:14px}
#rf-picks{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rf-empty,#rf-status{font-size:13px;color:#566354}
.rf-chip{font-size:13px;background:#f0f4eb;border-radius:99px;min-height:34px}
#rf-status:not(:empty){padding-top:10px}
.rf-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rf-results:not(:empty){margin-top:12px}
.rf-result{display:grid;border:1px solid #ced8d1;border-radius:10px;overflow:hidden;background:#fff}
.rf-section :focus-visible{outline:3px solid #b74d1e;outline-offset:2px}
.rf-thumb{aspect-ratio:1.8;overflow:hidden;background:#edf1e9;position:relative}
.rf-thumb iframe{position:absolute;inset:0;width:200%;height:200%;transform:scale(.5);transform-origin:top left;pointer-events:none;border:0}
.rf-caption{padding:12px;display:grid;gap:4px}.rf-caption small{color:#506158}.rf-caption span{font-size:.85rem;color:#415447}
@media(max-width:760px){
  .rf-popular{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .rf-art{height:56px}.rf-shortcut strong{font-size:12px}
  .rf-heading{align-items:start}.rf-heading>a{font-size:12px}.rf-heading p{font-size:14px}
  .rf-lab{grid-template-columns:1fr;grid-template-areas:'controls' 'live' 'apply'}
  .rf-controls{padding:14px}.rf-option-panel{margin-top:12px}.rf-section #rf-preview-title{font-size:21px}
  .rf-live{max-height:420px;border-left:0;border-block:1px solid #cdd5ca}.rf-live #rf-stage .br-hero{min-height:260px}
  .rf-apply{padding:10px 14px}.rf-apply button{width:100%}
  .rf-results{grid-template-columns:1fr}.rf-section #rf-form button[type=submit]{min-width:100px}
}

.rf-menu-link{display:inline-block;margin:6px 8px;color:#234735;text-decoration:underline;text-underline-offset:3px;font-size:.87rem}.rf-menu-link[hidden]{display:none}