/* Stage editor: the approved white/orange two-column review surface. */
.rf-view{--rf-ink:#172235;--rf-muted:#768298;--rf-border:#e5e8ed;--rf-orange:#ff652f;color:var(--rf-ink);min-width:0}
.rf-view *{box-sizing:border-box}.rf-view button,.rf-view textarea,.rf-view input{font:inherit}.rf-view button{border:1px solid var(--rf-border);border-radius:9px;background:#fff;color:var(--rf-ink);padding:10px 16px;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}.rf-view button:focus-visible,.rf-view textarea:focus-visible,.rf-view input:focus-visible{outline:3px solid #ffb99a;outline-offset:3px}.rf-view button:disabled{cursor:default;opacity:.45}.rf-view button:not(:disabled):hover{border-color:#ffb393}.rf-view button.rf-outline{border-color:var(--rf-orange);color:#f35b26}.rf-view button.rf-primary{background:var(--rf-orange);border-color:var(--rf-orange);color:#fff;padding:13px 24px}.rf-view button.rf-link{background:none;border:0;color:#3371cb;padding:6px 0;font-weight:500}
.rf-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}.rf-heading h1{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.7px;margin:0 0 8px;line-height:1.2}.rf-heading p{margin:0;font-size:14px;color:var(--rf-muted);line-height:1.6}.rf-project{border:1px solid var(--rf-border);background:#fff;border-radius:12px;padding:9px 13px;display:flex;gap:12px;align-items:center;flex-shrink:0;max-width:37%}.rf-project strong{font-size:13px;display:block;overflow-wrap:anywhere}.rf-project small{font-size:11px;color:var(--rf-muted);display:block;margin-top:5px}.rf-cover{width:53px;height:38px;flex:none;border-radius:6px;background:url('./assets/choice-previews.png') 100% 100%/400% 400%;display:block}
.rf-columns{display:grid;grid-template-columns:minmax(0,1.47fr) minmax(340px,1fr);gap:18px;align-items:stretch}.rf-play-card,.rf-adjust-card{min-width:0;border:1px solid var(--rf-border);border-radius:15px;background:#fff;padding:14px;box-shadow:0 3px 13px #1d2e4110}.rf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:12px}.rf-controls{display:flex;gap:9px}.rf-controls button{padding:10px 18px;font-size:12px}.rf-segment{display:flex;gap:2px;padding:3px;border:1px solid #dce1e9;border-radius:10px}.rf-segment button{padding:8px 16px;border:0;background:transparent;font-size:12px;border-radius:7px}.rf-segment button[aria-pressed=true]{background:#ffe8dc;color:#f26228}.rf-viewport{position:relative;border-radius:13px;overflow:hidden;background:#e8f0ec}.rf-sample{height:clamp(365px,32vw,465px);padding:0 11px 10px}.rf-sample .gp-top,.rf-sample .gp-help,.rf-sample .gp-status{display:none}.rf-sample .gp-stage{border:0;border-radius:0;height:auto;min-height:0}.rf-sample .gp-actions{padding-top:8px;gap:10px}.rf-sample .gp-dpad{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(2,25px);gap:3px}.rf-sample .gp-tools{gap:6px}.rf-sample .gp-restart{display:none}.rf-sample .gp-pulse{font-size:11px!important;padding:8px 12px!important}.rf-pause-label{position:absolute;left:15px;top:42px;padding:6px 11px;background:#28443acb;border:1px solid #ffffff50;color:#fff;font-size:11px;border-radius:17px;pointer-events:none}.rf-targets{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;margin:12px 0}.rf-targets>span{font-weight:650;margin-right:3px}.rf-targets button{font-size:11px;font-weight:500;padding:6px 13px;border-radius:17px}.rf-targets button[aria-pressed=true]{background:#fff0e7;border-color:#ffc2a4;color:#ed622c}.rf-targets small{font-size:10px;color:#939caf;margin-left:auto}.rf-test-focus{border:1px solid var(--rf-border);padding:11px 13px;border-radius:11px;background:#fdfefe;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.rf-test-focus strong{font-size:13px}.rf-test-focus p{grid-column:1/-1;font-size:12px;line-height:1.65;color:var(--rf-muted);margin:0;grid-row:2}.rf-test-focus>span{font-size:10px;align-self:center;color:var(--rf-muted)}.rf-checks{border:1px solid var(--rf-border);border-radius:11px;padding:11px 13px;margin-top:10px}.rf-checks>strong{font-size:13px}.rf-check-items{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.rf-check-items span{font-size:10px;padding:6px 9px;border-radius:7px;background:#f3f5f7;color:#87909e}.rf-check-items span.is-done{background:#eef7ec;color:#398849}.rf-demo-note{font-size:10px;line-height:1.6;color:#929aa6;margin:11px 2px 0}
.rf-adjust-card{padding:17px}.rf-adjust-card h2{margin:0 0 13px;font-size:18px}.rf-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.rf-categories button{font-size:12px;padding:9px 3px;font-weight:500;white-space:nowrap}.rf-categories button[aria-pressed=true]{border-color:var(--rf-orange);background:var(--rf-orange);color:#fff}.rf-suggestions{display:flex;gap:7px;flex-wrap:wrap;min-height:29px;margin-bottom:10px}.rf-suggestions button{font-size:10px;color:#e96a32;background:#fff8f3;border-color:#ffdfcd;font-weight:400;padding:5px 8px;border-radius:7px}.rf-prompt-label{display:block;font-size:12px;margin-bottom:7px}.rf-view textarea{width:100%;resize:vertical;border:1px solid #d8deea;background:#fdfdff;border-radius:9px;padding:10px 11px;font-size:12px;line-height:1.65;color:#29364d;min-height:70px;max-height:180px}.rf-view textarea::placeholder{color:#9aa4b4}.rf-parameters{display:flex;flex-direction:column;gap:15px;margin:16px 0}.rf-range{display:grid;grid-template-columns:100px 34px minmax(45px,1fr) 32px 34px;gap:5px;align-items:center;font-size:10px;color:var(--rf-muted)}.rf-range strong{font-size:12px;color:var(--rf-ink)}.rf-range input{min-width:0;width:100%;accent-color:var(--rf-orange);height:16px;cursor:pointer}.rf-range output{font-variant-numeric:tabular-nums;font-size:10px;color:#d3673d;text-align:center}.rf-range>span:last-child{text-align:right}.rf-toggle{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.rf-toggle>span:first-child{flex:1}.rf-toggle strong{font-size:12px;display:block}.rf-toggle small{font-size:10px;color:var(--rf-muted);display:block;line-height:1.6;margin-top:5px}.rf-toggle input{position:absolute;right:2px;width:44px;height:28px;opacity:0;margin:0;cursor:pointer}.rf-switch{flex:none;width:40px;height:23px;border-radius:15px;background:#d5dce1;border:1px solid #cad2d9;padding:2px;pointer-events:none}.rf-switch::after{content:'';display:block;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.rf-toggle input:checked+.rf-switch{background:var(--rf-orange);border-color:var(--rf-orange)}.rf-toggle input:checked+.rf-switch::after{transform:translateX(16px)}.rf-toggle input:focus-visible+.rf-switch{outline:3px solid #ffb99a;outline-offset:3px}.rf-change-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e4e9e4;background:linear-gradient(105deg,#f1f7ee,#fff);padding:10px 12px;border-radius:10px}.rf-change-box h3{font-size:12px;margin:0 0 7px}.rf-changes{margin:0;padding:0;list-style:none;font-size:10px;color:#638468;line-height:1.75}.rf-changes li::before{content:'✓';color:#58a266;margin-right:6px}.rf-changes li.rf-no-change{color:#89948b}.rf-changes li.rf-no-change::before{content:'';margin:0}.rf-change-box button{padding:10px 15px;font-size:11px;flex:none}.rf-preserve{font-size:10px;line-height:1.5;margin:7px 0 14px;color:#7f8aa0;background:#f4f5f8;border-radius:7px;padding:6px 9px}.rf-candidate{border:1px solid var(--rf-border);border-radius:11px;padding:11px}.rf-candidate h3{margin:0 0 10px;font-size:14px}.rf-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rf-compare>button{padding:4px 4px 7px;min-width:0;text-align:left;font-size:11px;border-radius:9px;overflow:hidden}.rf-compare>button[aria-pressed=true]{border-color:#ff9d72;background:#fff9f4}.rf-compare-image{display:block;width:100%;aspect-ratio:2.1;background:#e9efe7;border-radius:5px;margin-bottom:6px;background-size:cover;background-position:center}.rf-compare>button strong,.rf-compare>button small{display:block;margin:0 4px}.rf-compare>button small{font-size:9px;color:var(--rf-muted);margin-top:4px;font-weight:400}.rf-candidate-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.rf-candidate-actions button{font-size:11px;padding:8px 12px}.rf-candidate-actions button.rf-link{padding:5px 0}.rf-version-note{font-size:9px;color:#8b96a8;display:block;margin-top:9px;line-height:1.6}.rf-pending{font-size:10px;background:#fff8e9;border:1px solid #f0e2bd;border-radius:6px;padding:8px;line-height:1.7;color:#957846;margin:9px 0 0;overflow-wrap:anywhere}.rf-view .rf-blueprint{display:block;margin:9px auto 0;font-size:11px;text-align:center}.rf-announcement{font-size:12px;line-height:1.7;color:#657b6d;margin:10px 0;min-height:0}.rf-announcement:empty{display:none}.rf-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--rf-border);border-radius:13px;background:#fff;padding:13px 16px;margin-top:16px;box-shadow:0 4px 12px #28344207}.rf-footer>small{font-size:11px;color:#909aae}.rf-footer>div{display:flex;gap:9px}.rf-footer button{font-size:12px;padding:12px 18px}
@media(max-width:1150px){.rf-columns{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:13px}.rf-toolbar{flex-wrap:wrap}.rf-segment{margin-left:auto}.rf-heading h1{font-size:27px}.rf-project{max-width:34%}.rf-targets small{flex-basis:100%;margin-left:0}.rf-test-focus{grid-template-columns:1fr}.rf-test-focus>span{grid-row:3}.rf-range{grid-template-columns:87px 30px minmax(40px,1fr) 29px 30px;font-size:9px}.rf-range strong{font-size:11px}.rf-footer>small{display:none}}
@media(max-width:880px){.rf-columns{grid-template-columns:1fr}.rf-sample{height:460px}.rf-toolbar{flex-wrap:nowrap}.rf-heading{align-items:flex-start}.rf-heading p{font-size:12px}.rf-project{padding:8px;gap:8px}.rf-project small{font-size:9px}.rf-cover{width:42px;height:34px}.rf-targets small{flex-basis:auto;margin-left:auto}.rf-range{grid-template-columns:120px 40px minmax(70px,1fr) 40px 40px;font-size:11px}.rf-range strong{font-size:12px}.rf-adjust-card{padding:17px}.rf-compare-image{aspect-ratio:3.1}}
@media(max-width:560px){.rf-heading{flex-direction:column;gap:12px}.rf-heading h1{font-size:25px}.rf-project{max-width:100%;width:100%;padding:8px 10px}.rf-project>span:last-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rf-project small{margin:0}.rf-play-card{padding:10px}.rf-toolbar{gap:8px;flex-wrap:wrap}.rf-controls{flex:1;gap:7px}.rf-controls button{padding:9px 12px;font-size:11px}.rf-segment{padding:2px}.rf-segment button{font-size:11px;padding:7px 12px}.rf-sample{height:360px;padding-left:3px;padding-right:3px}.rf-targets small{flex-basis:100%;margin-left:0;font-size:9px}.rf-check-items{gap:5px}.rf-check-items span{font-size:9px;padding:6px}.rf-adjust-card{padding:13px}.rf-range{grid-template-columns:91px 31px minmax(35px,1fr) 29px 31px;font-size:9px;gap:4px}.rf-range strong{font-size:11px}.rf-compare-image{aspect-ratio:2.1}.rf-footer{flex-wrap:wrap;gap:9px;padding:11px}.rf-footer>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.rf-footer>button{padding:8px 11px}.rf-footer button,.rf-footer button.rf-primary{font-size:11px;padding:12px 8px}.rf-change-box{gap:7px;padding:10px}.rf-change-box button{padding:9px 11px;font-size:10px}.rf-categories button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rf-view *{transition:none!important}}

.rf-preview-version{position:absolute;right:14px;top:42px;border-radius:15px;background:#ffffffe3;padding:5px 10px;color:#63806d;font-size:10px;pointer-events:none;border:1px solid #d9e6d8}