body{margin:0;background:#0B0A12;color:#F2EEF8;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.45}
a{color:#5CE1E6}a:hover{color:#9DF0F3}
.display{font-family:'Bricolage Grotesque',Inter,sans-serif;letter-spacing:-0.01em}
.btn{appearance:none;border:0;background:#FF3EA5;color:#0B0A12;font:600 15px Inter,sans-serif;padding:12px 20px;border-radius:999px;cursor:pointer;min-height:44px;box-shadow:0 0 20px rgba(255,62,165,.45)}
.btn:hover{background:#FF6BBA;box-shadow:0 0 30px rgba(255,62,165,.7)}
.btn:disabled{background:#3A3150;color:#8F88A6;box-shadow:none;cursor:not-allowed}
.btn.ghost{background:transparent;color:#F2EEF8;border:1px solid #4A4060;box-shadow:none}
.btn.ghost:hover{border-color:#5CE1E6;color:#5CE1E6;background:transparent}
.chip{appearance:none;border:1px solid #3A3150;background:#1E1828;color:#E4DFEE;font:500 14px Inter,sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px}
.chip:hover{border-color:#5CE1E6}
.chip.on{background:#5CE1E6;border-color:#5CE1E6;color:#0B0A12;box-shadow:0 0 14px rgba(92,225,230,.5)}
.opt{appearance:none;text-align:left;width:100%;border:1px solid #3A3150;background:#1A1424;color:#F2EEF8;font:inherit;padding:14px 16px;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.opt:hover{border-color:#5CE1E6}
.opt.on{border:2px solid #5CE1E6;padding:13px 15px;background:#0F2228;box-shadow:0 0 18px rgba(92,225,230,.3)}
.card{appearance:none;text-align:left;border:1px solid #2A2338;background:#140F1C;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column}
.field{width:100%;box-sizing:border-box;border:1px solid #3A3150;border-radius:10px;padding:11px 12px;font:15px Inter,sans-serif;background:#0E0B14;color:#F2EEF8;min-height:44px}
.field::placeholder{color:#8F88A6}
.field:focus{outline:2px solid #5CE1E6;outline-offset:1px;border-color:#5CE1E6}
.step{appearance:none;width:40px;height:40px;border:1px solid #3A3150;background:#1A1424;border-radius:10px;font:600 18px Inter,sans-serif;cursor:pointer;color:#F2EEF8}
.step:hover{border-color:#5CE1E6}
.label{font-size:13px;font-weight:600;color:#E4DFEE}
.muted{color:#A29BB5}
.tag{display:inline-block;font-size:12px;font-weight:500;color:#E4DFEE;background:#241D30;border-radius:6px;padding:3px 8px}
input[type=range]{accent-color:#FF3EA5;width:100%}
input[type=checkbox]{accent-color:#FF3EA5;width:18px;height:18px}
/* ---- retro CRT home ---- */
.vt{font-family:'VT323',ui-monospace,monospace;letter-spacing:.02em}
.neon{font-family:'Yellowtail',cursive;color:#FFD6EC;text-shadow:0 0 4px #FF3EA5,0 0 12px #FF3EA5,0 0 28px #FF3EA5,0 0 48px rgba(255,62,165,.6)}
.neon-dark{font-family:'Yellowtail',cursive;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.8)}
.btn-neon{appearance:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;background:#FF3EA5;color:#0B0A12;font:600 15px Inter,sans-serif;padding:12px 22px;border-radius:999px;cursor:pointer;min-height:44px;box-shadow:0 0 22px rgba(255,62,165,.55)}
.btn-neon:hover{background:#FF6BBA;color:#0B0A12;box-shadow:0 0 32px rgba(255,62,165,.8)}
.btn-outline{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4A4060;background:transparent;color:#F2EEF8;font:600 15px Inter,sans-serif;padding:12px 20px;border-radius:999px;cursor:pointer;min-height:44px}
.btn-outline:hover{border-color:#5CE1E6;color:#5CE1E6}
.crt .label{color:#E4DFEE}
.crt .chip{background:#1E1828;border-color:#3A3150;color:#E4DFEE}
.crt .chip:hover{border-color:#5CE1E6}
.crt .chip.on{background:#5CE1E6;border-color:#5CE1E6;color:#0B0A12;box-shadow:0 0 14px rgba(92,225,230,.5)}
.crt .field{background:#0E0B14;border-color:#3A3150;color:#F2EEF8}
.crt .field::placeholder{color:#8F88A6}
.crt .field:focus{outline-color:#5CE1E6;border-color:#5CE1E6}
.crt input[type=range]{accent-color:#FF3EA5}
.crt input[type=checkbox]{accent-color:#FF3EA5}
.tv{appearance:none;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;text-align:left;transition:transform .15s ease}
.tv:hover{transform:translateY(-3px)}
.tv:hover .tv-glass{filter:brightness(1.12) saturate(1.1)}
.tv:focus-visible{outline:2px solid #5CE1E6;outline-offset:6px;border-radius:18px}
.tv-body{display:flex;gap:10px;padding:12px;border-radius:18px;box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -6px 0 rgba(0,0,0,.25),0 10px 24px rgba(0,0,0,.5);width:100%;box-sizing:border-box}
.tv-glass{position:relative;flex:1 1 auto;aspect-ratio:4/3;border-radius:22px / 26px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border:5px solid #0B0A12;transition:filter .15s ease}
.tv-side{flex:0 0 26px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}
.knob{width:20px;height:20px;border-radius:999px;background:#0E0C12;box-shadow:inset 0 2px 2px rgba(255,255,255,.18)}
.knob.small{width:14px;height:14px}
.grille{flex:1 1 auto;width:16px;min-height:30px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.45) 0 2px,transparent 2px 5px);border-radius:3px}
.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}
.tv-mini{display:flex;padding:8px;border-radius:12px;box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 6px 14px rgba(0,0,0,.5)}
.tv-mini .tv-glass{border-width:3px;border-radius:14px / 16px}
.bars{background:linear-gradient(90deg,#EDEDED 0 14.3%,#F7D046 14.3% 28.6%,#5CE1E6 28.6% 42.9%,#6BE36B 42.9% 57.1%,#E85AD8 57.1% 71.4%,#FF4D4D 71.4% 85.7%,#3E5BFF 85.7% 100%)}
.static{background:repeating-linear-gradient(45deg,#9B98A3 0 2px,#3A3842 2px 4px,#D6D3DB 4px 5px,#55525C 5px 8px),#6A6772}
.vhs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08) sepia(.15) blur(.3px)}
.vhs .track{position:absolute;left:0;right:0;height:6px;background:rgba(242,238,248,.22);mix-blend-mode:screen}
.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 46px rgba(0,0,0,.6)}
.ca{text-shadow:-2px 0 rgba(255,40,80,.85),2px 0 rgba(40,220,255,.85)}
.badge-on{position:absolute;left:10px;bottom:8px;background:#0B0A12;color:#7CF29A;border:1px solid #7CF29A;border-radius:6px;padding:0 7px;font-size:17px;box-shadow:0 0 10px rgba(124,242,154,.5)}
.led{font-size:26px;color:#7CF29A;text-shadow:0 0 8px rgba(124,242,154,.6);background:#0B0A12;padding:0 8px;border-radius:6px;line-height:1.1}
/* Creator search and filter controls stay aligned and wrap as complete groups. */
.creator-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center}
.creator-search{min-width:0}
.creator-toolbar .field{height:44px}
.creator-sources{display:flex;gap:6px;align-items:center}
.creator-sources .chip{height:44px;box-sizing:border-box;white-space:nowrap}
.creator-sort{display:flex;align-items:center;gap:10px;min-width:0}
.creator-sort label{font-size:14px;color:#A29BB5;white-space:nowrap}
.creator-sort .field{appearance:none;-webkit-appearance:none;width:208px;min-width:0;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A29BB5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
@media(max-width:920px){
  .creator-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px}
  .creator-search{grid-column:1/-1}
}
@media(max-width:560px){
  .creator-toolbar{grid-template-columns:minmax(0,1fr);gap:12px}
  .creator-sources .chip{flex:1 1 0}
  .creator-sort .field{width:auto;flex:1 1 0}
}