/* Player generator layout; header/footer come directly from ../styles.css. */
.rsh-player-page{--ink:#fff;--muted:#f4f8ff;--line:#2a405a;--soft:#132239;--blue:#328cf8;--blue-dark:#116fdc}
.rsh-player-page .site-shell{background:var(--bg);overflow:visible}


.rsh-player-page .player-hero{max-width:none;margin:0;padding:70px 0 60px;text-align:left}
.rsh-player-page .player-hero .eyebrow{margin:0;padding:0;border:0;border-radius:0;background:none}
.rsh-player-page .player-hero h1{max-width:750px;margin:22px 0 19px}
.rsh-player-page .player-hero .hero-notes{justify-content:flex-start}
.rsh-player-page :is(.builder,.code-section){width:min(1152px,calc(100% - 48px));max-width:none;padding:0;margin:40px auto 60px}
.rsh-player-page .builder-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:24px}
.rsh-player-page :is(.settings-column,.preview-column){min-width:0}
.rsh-player-page :is(.form-card,.preview-stage,.code-empty){background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--panel-shadow);color:#fff}
.rsh-player-page .card-title{background:var(--surface);border-color:var(--line)}
.rsh-player-page :is(.card-title p,.fields label>span,.fields legend,.fields small,.builder-heading>span,.preview-label p,.code-heading p,.hero-chips,.steps p,.theme-option>span>b,.theme-option>span>small){color:#fff}
.rsh-player-page :is(.card-icon,.compatibility-note){background:var(--surface2);color:#fff;border-color:var(--line)}
.rsh-player-page .fields input:not([type=color]),.rsh-player-page .segmented{background:var(--bg2);color:#fff;border-color:var(--line);min-height:44px}
.rsh-player-page .fields input:focus{border-color:#59a9ff;box-shadow:0 0 0 3px #328cf833}
.rsh-player-page .fields input::placeholder{color:#b8cce2}
.rsh-player-page .segmented button{color:#fff;min-height:36px}
.rsh-player-page .choice-button[aria-pressed=true]{background:var(--surface2);color:#fff}
.rsh-player-page .theme-option{background:var(--surface);border-color:var(--line)}
.rsh-player-page .theme-option[aria-pressed=true]{border-color:#59a9ff}
.rsh-player-page .generate-button{border:1px solid #347cdb;border-radius:9px;background:linear-gradient(180deg,#368ffc,#116fdc);color:#fff;min-height:46px;box-shadow:0 5px 15px #076cdc30;transition:background .18s,transform .18s,box-shadow .18s}
.rsh-player-page .generate-button:hover{background:linear-gradient(180deg,#4aa3ff,#247ee5);transform:translateY(-1px);box-shadow:0 7px 19px #076cdc3b}
.rsh-player-page .how-it-works{padding:62px 24px;background:var(--bg2);border-color:var(--line)}
.rsh-player-page .how-it-works h2{font:790 clamp(27px,3.1vw,38px)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;color:#fff}
.rsh-player-page .how-it-works .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rsh-player-page .steps article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;text-align:left}
.rsh-player-page .steps article>span{background:var(--surface2);color:#59a9ff}
.rsh-player-page .closing{margin-top:60px}
@media(max-width:1000px){.rsh-player-page .builder-grid{grid-template-columns:1fr}.rsh-player-page .preview-sticky{position:static}}
@media(max-width:650px){.rsh-player-page .player-hero{padding:44px 0}.rsh-player-page :is(.builder,.code-section){width:calc(100% - 32px)}.rsh-player-page .how-it-works .steps{grid-template-columns:1fr}.rsh-player-page .theme-picker{grid-template-columns:1fr}.rsh-player-page .preview-stage{padding:20px 12px}.rsh-player-page .field-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rsh-player-page *{transition:none!important}}