/* RadioStationHost.com player-generator wrapper (v1.4).
   Keeps the radio-player themes and generator's IDs/scripts untouched. */
:root {
  --rsh-blue: #087cff;
  --rsh-navy: #00134f;
  --rsh-ink: #06184d;
  --rsh-muted: #66738d;
  --rsh-line: #e3e9f2;
  --rsh-soft: #f5f9ff;
}
body.rsh-player-page {
  background:#fff;
  color:var(--rsh-ink);
  font:15px/1.6 Inter,"Segoe UI",Arial,sans-serif;
}
.rsh-player-page a {text-decoration:none;}
.rsh-player-page button {font-family:Inter,"Segoe UI",Arial,sans-serif;}
.rsh-player-page .site-shell {background:#fff;overflow:visible;}
.rsh-container {width:min(1120px,calc(100% - 40px));margin:0 auto;}
/* Shared site header / navigation */
.rsh-player-page .rsh-header {position:sticky;top:0;z-index:60;width:100%;height:82px;background:#fff;border-bottom:1px solid var(--rsh-line);}
.rsh-nav {height:100%;display:flex;align-items:center;gap:32px;}
.rsh-logo {display:flex;align-items:center;flex-shrink:0;}
.rsh-logo img {display:block;width:230px;height:auto;}
.rsh-nav nav {margin-left:auto;display:flex;align-items:center;gap:25px;}
.rsh-nav nav a {color:var(--rsh-ink);font-size:13px;font-weight:600;white-space:nowrap;}
.rsh-nav nav a:hover,.rsh-nav nav a.rsh-active {color:var(--rsh-blue);}
.rsh-nav-actions {flex-shrink:0;}
.rsh-button {display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 22px;color:#fff;background:linear-gradient(180deg,#138bff,#0676eb);border:0;border-radius:8px;box-shadow:0 8px 22px rgba(8,124,255,.22);font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;white-space:nowrap;}
.rsh-button:hover {color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,124,255,.3);}
.rsh-button.rsh-small {padding:10px 16px;font-size:12px;box-shadow:none;}
.rsh-menu {display:none;width:36px;height:36px;padding:7px;border:1px solid #d4e1f0;border-radius:8px;background:#f6faff;cursor:pointer;}
.rsh-menu span {display:block;width:20px;height:2px;margin:4px 0;border-radius:2px;background:var(--rsh-navy);}
.rsh-nav :is(button,a):focus-visible,.rsh-player-page :is(button,input,a,summary):focus-visible {outline:2px solid #087cff;outline-offset:3px;}
/* Same light blue hero, blue headline emphasis and typography as the homepage */
.rsh-player-page .hero {max-width:none;margin:0 auto 38px;padding:61px 20px 57px;background:linear-gradient(135deg,#f8fbff 0%,#fff 54%,#edf6ff 100%);border-bottom:1px solid var(--rsh-line);}
.rsh-player-page .hero .eyebrow {margin-bottom:18px;padding:6px 11px;border:1px solid #cee4ff;border-radius:20px;background:#fff;color:#385170;font-size:11px;font-weight:700;letter-spacing:.7px;}
.rsh-player-page .hero h1 {max-width:850px;margin:0 auto 17px;color:var(--rsh-navy);font:800 clamp(40px,4.6vw,58px)/1.1 Manrope,Inter,sans-serif;letter-spacing:-2.7px;}
.rsh-player-page .hero h1 span {color:var(--rsh-blue);}
.rsh-player-page .hero > p {max-width:670px;margin:0 auto 17px;color:var(--rsh-muted);font:400 15px/1.7 Inter,Arial,sans-serif;}
.rsh-player-page .hero-chips {color:#64728b;font-size:11px;}
.rsh-player-page .hero-chips i {background:#087cff;}
/* Builder panels / labels / inputs */
.rsh-player-page .builder {max-width:1160px;margin:0 auto 74px;padding:0 20px;}
.rsh-player-page .builder-heading,.rsh-player-page .preview-label {margin-bottom:13px;}
.rsh-player-page .builder-heading p,.rsh-player-page .preview-label p {font-size:12px;letter-spacing:.08em;color:#132b55;}
.rsh-player-page .step-number {color:var(--rsh-blue);}
.rsh-player-page .builder-grid {gap:22px;grid-template-columns:minmax(0,1.04fr) minmax(370px,.96fr);}
.rsh-player-page .settings-column {gap:17px;}
.rsh-player-page .form-card {background:#fff;border:1px solid var(--rsh-line);border-radius:13px;box-shadow:0 12px 32px rgba(0,34,105,.055);}
.rsh-player-page .card-title {background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--rsh-line);padding:17px 20px;}
.rsh-player-page .card-title h2 {color:var(--rsh-ink);font:800 15px Manrope,Inter,sans-serif;}
.rsh-player-page .card-title p {font-size:11px;color:var(--rsh-muted);}
.rsh-player-page .card-icon {background:#eaf4ff;color:var(--rsh-blue);border-radius:9px;}
.rsh-player-page .fields {padding:19px 20px 22px;gap:15px;}
.rsh-player-page .fields label > span,.rsh-player-page .fields legend {color:#1c365b;font-size:12px;}
.rsh-player-page .fields input:not([type="color"]),.rsh-player-page .segmented {border-color:#cfddeb;border-radius:8px;background:#f8fbff;}
.rsh-player-page .fields input:focus {border-color:#087cff;}
.rsh-player-page .segmented button.active,.rsh-player-page .choice-button[aria-pressed="true"] {color:#087cff;background:#fff;}
.rsh-player-page .theme-option {border-color:#dce6f5;border-radius:9px;}
.rsh-player-page .theme-option.active {border-color:#087cff;}
.rsh-player-page .compatibility-note {background:#edf6ff;border-color:#cfe5fb;border-radius:8px;}
/* Preview outer shell only; inner generated player themes remain exactly as supplied */
.rsh-player-page .preview-stage {border:1px solid #d9e5f1;border-radius:13px;background:#f5f9ff;padding:31px 24px;}
.rsh-player-page .stage-glow {background:rgba(28,147,255,.08);}
.rsh-player-page .generate-button {height:47px;border-radius:8px;background:linear-gradient(180deg,#138bff,#0676eb);box-shadow:0 8px 22px rgba(8,124,255,.2);}
.rsh-player-page .generate-button:hover {box-shadow:0 12px 28px rgba(8,124,255,.28);}
.rsh-player-page .code-section {max-width:1080px;margin-bottom:66px;}
.rsh-player-page .code-heading h2 {color:var(--rsh-ink);font:800 21px Manrope,Inter,sans-serif;}
.rsh-player-page .code-box,.rsh-player-page .code-empty {border-radius:12px;}
.rsh-player-page .how-it-works {background:var(--rsh-soft);border-top:1px solid var(--rsh-line);padding:63px 24px 67px;}
.rsh-player-page .how-it-works > h2 {color:var(--rsh-navy);font:800 clamp(25px,3vw,35px)/1.2 Manrope,Inter,sans-serif;letter-spacing:-1px;}
.rsh-player-page .section-kicker {color:var(--rsh-blue);}
.rsh-player-page .how-it-works .steps {max-width:1120px;gap:17px;margin-top:33px;}
.rsh-player-page .how-it-works .steps article {background:#fff;border:1px solid var(--rsh-line);border-radius:12px;padding:20px;}
.rsh-player-page .how-it-works .steps article > span {background:#eaf4ff;color:var(--rsh-blue);}
.rsh-player-page .how-it-works .steps h3 {color:var(--rsh-ink);font:700 14px Manrope,Inter,sans-serif;}
/* Identical dark blue CTA and footer structure used by the homepage */
.rsh-player-page .rsh-cta {background:linear-gradient(120deg,#001047,#00379c 65%,#087cff);color:#fff;padding:50px 0;}
.rsh-cta-inner {display:flex;align-items:center;justify-content:space-between;gap:18px;}
.rsh-cta-inner > div > span {color:#70b9ff;font-size:9px;font-weight:800;letter-spacing:1.8px;}
.rsh-cta h2 {margin:7px 0 3px;color:#fff;font:800 32px Manrope,Inter,sans-serif;}
.rsh-cta p {margin:0;color:#b8ceef;font-size:13px;}
.rsh-button.rsh-white {color:var(--rsh-blue);background:#fff;box-shadow:none;}
.rsh-player-page .rsh-footer {max-width:none;margin:0;min-height:0;padding:58px 0 22px;background:#000f3f;color:#a9b6d0;display:block;}
.rsh-footer-grid {display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;align-items:start;}
.rsh-footer-grid img {display:block;width:230px;max-width:100%;height:auto;filter:brightness(0) invert(1);opacity:.95;}
.rsh-player-page .rsh-footer-grid p {margin-top:15px;max-width:300px;color:#a9b6d0;font-size:11px;line-height:1.7;}
.rsh-footer-grid h4 {margin:0 0 17px;color:#fff;font:700 13px Manrope,Inter,sans-serif;}
.rsh-footer-grid a:not(:has(img)) {display:block;margin:9px 0;color:#a9b6d0;font-size:11px;}
.rsh-footer-grid a:hover {color:#5bb2ff;}
.rsh-footer-bottom {display:flex;justify-content:space-between;gap:18px;margin-top:43px;padding-top:19px;border-top:1px solid #1c2a59;font-size:9px;}
@media(max-width:1150px) {
  .rsh-nav {gap:20px;}
  .rsh-nav nav {gap:17px;}
  .rsh-logo img {width:192px;}
  .rsh-nav nav a {font-size:11px;}
}
@media(max-width:930px) {
  .rsh-menu {display:block;margin-left:auto;}
  .rsh-player-page .rsh-header {height:72px;}
  .rsh-nav nav {display:none;position:absolute;left:0;right:0;top:72px;padding:18px 26px;background:#fff;border-bottom:1px solid var(--rsh-line);box-shadow:0 12px 30px rgba(0,34,105,.1);flex-direction:column;align-items:stretch;gap:0;}
  .rsh-nav nav.open {display:flex;}
  .rsh-nav nav a {font-size:13px;padding:10px 8px;border-bottom:1px solid #edf2f8;}
  .rsh-player-page .builder-grid {grid-template-columns:1fr;}
  .rsh-player-page .preview-sticky {position:static;}
  .rsh-player-page .preview-column {order:-1;}
  .rsh-footer-grid {gap:25px;}
}
@media(max-width:650px) {
  .rsh-container {width:calc(100% - 28px);}
  .rsh-logo img {width:172px;}
  .rsh-nav {gap:9px;}
  .rsh-button.rsh-small {font-size:10px;padding:9px 11px;}
  .rsh-player-page .hero {padding:39px 17px 38px;}
  .rsh-player-page .hero h1 {font-size:36px;letter-spacing:-1.5px;}
  .rsh-player-page .hero > p {font-size:14px;}
  .rsh-player-page .builder {padding:0 14px;margin-bottom:50px;}
  .rsh-player-page .preview-stage {padding:23px 13px;}
  .rsh-player-page .how-it-works {padding:51px 17px;}
  .rsh-player-page .how-it-works .steps {grid-template-columns:1fr;}
  .rsh-cta-inner {align-items:flex-start;flex-direction:column;}
  .rsh-cta h2 {font-size:27px;}
  .rsh-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 18px;}
  .rsh-footer-intro {grid-column:1 / -1;}
  .rsh-footer-bottom {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) { .rsh-player-page * {transition:none!important;animation-duration:.01ms!important;} }


/* v1.4.1 — Exact header spacing and breakpoints from the ORIGINAL homepage.
   These are the same .container/.nav/.nav nav/.logo sizing values found
   in the main site's styles.css; player generator styles are untouched. */
.rsh-player-page .rsh-header {height:82px;}
.rsh-player-page .rsh-container {width:min(1120px,calc(100% - 40px));}
.rsh-player-page .rsh-nav {height:100%;display:flex;align-items:center;gap:22px;}
.rsh-player-page .rsh-logo img {width:230px;}
.rsh-player-page .rsh-nav nav {display:flex;align-items:center;gap:17px;margin-left:auto;}
.rsh-player-page .rsh-nav nav a {font-size:13px;font-weight:600;}
.rsh-player-page .rsh-nav-actions {display:flex;align-items:center;gap:20px;}
@media (max-width:1020px) {
  .rsh-player-page .rsh-nav {gap:16px;}
  .rsh-player-page .rsh-nav nav {gap:11px;}
  .rsh-player-page .rsh-nav nav a {font-size:12px;}
  .rsh-player-page .rsh-logo img {width:210px;}
}
@media (min-width:901px) {
  .rsh-player-page .rsh-menu {display:none;}
  .rsh-player-page .rsh-nav nav {display:flex;position:static;}
  .rsh-player-page .rsh-nav-actions {display:flex;}
}
@media (max-width:900px) {
  .rsh-player-page .rsh-nav nav {display:none;position:absolute;top:82px;left:0;right:0;padding:25px;flex-direction:column;align-items:center;gap:17px;margin-left:0;background:#fff;border-bottom:1px solid var(--rsh-line);box-shadow:0 18px 50px rgba(0,34,105,.09);}
  .rsh-player-page .rsh-nav nav.open {display:flex;}
  .rsh-player-page .rsh-nav nav a {font-size:12px;padding:0;border-bottom:0;}
  .rsh-player-page .rsh-menu {display:block;margin-left:auto;width:auto;height:auto;padding:0;border:0;background:none;}
  .rsh-player-page .rsh-menu span {display:block;width:24px;height:2px;margin:5px;background:var(--rsh-navy);}
  .rsh-player-page .rsh-nav-actions {display:none;}
}
@media (max-width:580px) {
  .rsh-player-page .rsh-container {width:calc(100% - 28px);}
  .rsh-player-page .rsh-logo img {width:205px;}
}

:root{--rsh-ink:#fff;--rsh-muted:#fff;--rsh-line:#2a405a;--rsh-soft:#132239;--rsh-navy:#fff}body.rsh-player-page{background:#0b1424;color:#fff}.rsh-header{background:#0e1a2e!important;border-color:#2a405a!important}.rsh-header a,.rsh-footer a{color:#fff!important}.rsh-logo img{width:290px}.rsh-button{background:linear-gradient(180deg,#368ffc,#116fdc)!important;color:white!important}.rsh-button:hover{background:linear-gradient(180deg,#4aa3ff,#247ee5)!important;transform:translateY(-1px)}.rsh-player-page .generator-card,.rsh-player-page .panel{background:#132239;color:white;border-color:#2a405a}.rsh-footer{background:#0e1a2e!important;color:white!important}
.rsh-player-page{--ink:#fff;--muted:#fff;--line:#2a405a;--soft:#132239;color-scheme:dark}
.rsh-player-page .site-shell,.rsh-player-page .hero{background:#0b1424}
.rsh-player-page .rsh-nav nav{background:#0e1a2e}
.rsh-player-page :is(.form-card,.card-title,.preview-stage,.how-it-works .steps article){background:#132239;border-color:#2a405a}
.rsh-player-page :is(.hero .eyebrow,.card-icon,.compatibility-note,.how-it-works .steps article>span){background:#182c46;color:#fff;border-color:#2a405a}
.rsh-player-page :is(.builder-heading p,.preview-label p,.fields label>span,.fields legend,.hero-chips,.compatibility-note,.how-it-works .steps p,.rsh-cta p,.rsh-footer-grid p,.fields p){color:#fff}
.rsh-player-page .fields input:not([type=color]),.rsh-player-page .segmented{background:#0e1a2e;color:#fff;border-color:#496482}
.rsh-player-page .segmented button{color:#fff}.rsh-player-page .segmented button.active,.rsh-player-page .choice-button[aria-pressed=true]{background:#234364;color:#fff}
.rsh-player-page .rsh-menu{min-width:44px;min-height:44px}.rsh-player-page .rsh-cta{background:#132239}