:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#120e15;--bg-panel:#181a2e;--bg-panel-gradient-start:#1a226d;--bg-panel-gradient-end:#181a37;--bg-well:#09091d;--bg-input:#14161a;--border-panel:#0f237e;--border-subtle:#262b45;--text-primary:#f2f3f7;--text-secondary:#9195b5;--text-dim:#6b6f8f;--accent-cyan:#34b4e3;--accent-indigo:#7a84ff;--accent-indigo-dark:#3c417d;--accent-green:#4bde46;--accent-red:#e83a3a;--accent-orange:#cb7a2a;--accent-green-soft:#a8dba5;--accent-red-soft:#e2a3a3;--btn-idle-start:#77788f;--btn-idle-end:#40414f;--btn-idle-border:#6c6666;--btn-hover-start:#9596b2;--btn-hover-end:#72738c;--font-display:"Roboto Black", "Roboto", system-ui, sans-serif;font-family:Roboto,system-ui,sans-serif}html,body{background:var(--bg-app);color:var(--text-primary);min-height:100vh;margin:0}.admin-app{flex-direction:column;gap:.85rem;max-width:1400px;margin:0 auto;padding:1rem 1.25rem 2rem;display:flex}.topbar{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;flex:none;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.topbar-brand{flex-direction:column;line-height:1.1;display:flex}.topbar-logo{letter-spacing:.08em;color:var(--accent-cyan);font-size:1.1rem;font-weight:800}.topbar-tagline{color:var(--text-secondary);font-size:.75rem}.topbar-clock{font-variant-numeric:tabular-nums;font-family:var(--font-display);color:var(--text-primary);font-size:2.2rem;font-weight:700}.topbar-status{align-items:center;gap:.6rem;margin-left:auto;display:flex}.pill{letter-spacing:.04em;border:1px solid #3a3f47;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700}.pill-ok{color:var(--accent-green);border-color:var(--accent-green)}.pill-bad{color:var(--accent-red);border-color:var(--accent-red)}.pill-info{color:var(--accent-cyan);border-color:var(--accent-cyan)}.automation-toggle{letter-spacing:.04em;background:var(--bg-input);font-size:.8rem;font-weight:700}.automation-toggle.automation-on{background:var(--accent-green);border-color:var(--accent-green);color:#0a0a0a}.studio-grid{flex:1;grid-template-columns:1090px 300px 480px;gap:.5rem;min-height:0;display:grid}.studio-col-main{flex-direction:column;gap:.5rem;min-width:0;min-height:0;display:flex}.studio-col-automation{flex-direction:column;gap:.5rem;min-width:0;display:flex}.studio-col-jingles{min-width:0}.deck-row{flex-direction:column;flex:none;gap:.5rem;display:flex}.subtitle{color:var(--text-secondary);margin-top:-.5rem}.panels{flex-direction:column;gap:1.5rem;display:flex}.panel{background:linear-gradient(180deg, var(--bg-panel-gradient-end) 75.6%, var(--bg-panel-gradient-start) 100%);border:2px solid var(--border-panel);border-radius:6px;padding:.7rem 1.1rem;overflow:hidden}.panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-top:0;font-size:.85rem;font-weight:700}.status-line .ok{color:var(--accent-green)}.status-line .bad{color:var(--accent-red)}.row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.row input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;flex:1;padding:.5rem}button{border:1px solid var(--btn-idle-border);background:linear-gradient(180deg, var(--btn-idle-start), var(--btn-idle-end));color:var(--text-primary);cursor:pointer;text-shadow:0 1px 2px #0009;border-radius:4px;padding:.5rem 1rem}button:hover{background:linear-gradient(180deg, var(--btn-hover-start), var(--btn-hover-end))}button.mic-on{background:var(--accent-green);border-color:var(--accent-green);color:#0a0a0a}.deck-state{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.deck-state dt{color:var(--text-secondary)}.deck-state dd{margin:0}.deck-state .uri{word-break:break-all}.error{color:var(--accent-red)}.controls-row{align-items:flex-start;gap:1rem}.transport-row{flex-wrap:wrap;flex:none;align-items:flex-start;gap:.3rem .5rem;display:flex}.transport-btn-group{flex-direction:column;align-items:center;gap:.15rem;display:flex}.transport-btn{justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:.9rem;line-height:1;display:flex}.transport-btn-label{color:var(--text-secondary);letter-spacing:.05em;font-size:.58rem}.transport-row button.transport-active{background:var(--accent-green);border-color:var(--accent-green);color:#0a0a0a}.deck-badge{color:var(--text-secondary);letter-spacing:.05em;margin-left:auto;font-size:.85rem}.time-row{gap:.75rem;margin-bottom:.35rem}.time-label{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:center;min-width:2.5rem}.time-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:3px;flex:1;height:6px;overflow:hidden}.time-fill{background:var(--accent-cyan);height:100%}.volume-row label{color:var(--text-secondary);min-width:4rem}.volume-row input[type=range]{flex:1}.volume-value{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.meter-bar{align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.meter-bar-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.meter-bar-fill{height:100%;transition:width 80ms linear}.meter-bar-peak{background:var(--text-primary);width:2px;position:absolute;top:0;bottom:0}.meter-bar-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:3.5rem;font-size:.85rem}.track-uri{word-break:break-all;color:var(--text-secondary);margin-bottom:0;font-size:.9rem}.playlist-tracks{flex-direction:column;gap:.35rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.playlist-tracks li{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.playlist-tracks .track-number{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:1.5rem}.playlist-tracks .track-name{flex:1}.playlist-tracks .track-tag{letter-spacing:.05em;background:var(--accent-green);color:#0a0a0a;border-radius:3px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.playlist-tracks .track-tag-next{background:var(--accent-cyan)}.playlist-tracks li.track-on-air{border-color:var(--accent-green);background:#1a2a1c}.playlist-tracks li.track-up-next{border-color:var(--accent-cyan);background:#182233}.tabbed-panel{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.tab-bar{border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.tab-bar button{color:var(--text-secondary);letter-spacing:.03em;background:0 0;border:none;border-radius:0;flex:none;padding:.85rem 1.25rem;font-weight:600}.tab-bar button.tab-active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent-cyan)}.playout-log,.jingle-library{flex:1;min-height:0;padding:1rem 1.25rem 1.25rem;overflow-y:auto}.playout-table{border-collapse:collapse;width:100%;font-size:.9rem}.playout-table th{text-align:left;color:var(--text-secondary);letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);padding:.4rem .6rem;font-size:.78rem;font-weight:600}.playout-table td{border-bottom:1px solid #22262c;padding:.5rem .6rem}.playout-table tr.row-onair{background:#1a2a1c}.playout-empty{color:var(--text-secondary);text-align:center;padding:1.5rem!important}.col-time{font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.status-pill{letter-spacing:.03em;border-radius:3px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.status-pending{background:var(--border-subtle);color:var(--text-secondary)}.status-onair{background:var(--accent-green);color:#0a0a0a}.status-played{background:var(--bg-input);color:var(--accent-cyan);border:1px solid var(--border-subtle)}.status-skipped{background:var(--bg-input);color:var(--accent-red);border:1px solid var(--border-subtle)}.status-ready{background:var(--accent-cyan);color:#0a0a0a}.status-draft{background:var(--accent-orange);color:#0a0a0a}.col-drag-handle{width:1.5rem;padding-left:.5rem!important;padding-right:0!important}.playout-row-draggable{cursor:grab}.playout-row-draggable:active{cursor:grabbing}.playout-row-dragover{box-shadow:inset 0 2px 0 var(--accent-cyan)}.drag-handle{color:var(--text-secondary);letter-spacing:-1px;-webkit-user-select:none;user-select:none;font-size:.85rem}.admin-grid,.admin-area{flex-direction:column;flex:1;min-height:0;display:flex}.admin-area-body{flex:1;min-height:0;padding:1rem 1.25rem 1.25rem;overflow-y:auto}.admin-panel h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .6rem;font-size:.85rem;font-weight:700}.admin-panel h3:not(:first-child){margin-top:1.25rem}.admin-toolbar{gap:.6rem;margin-bottom:.75rem;display:flex}.admin-toolbar input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;flex:1;padding:.5rem .7rem}.admin-split{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;color:var(--text-secondary);letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);padding:.4rem .6rem;font-size:.75rem;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #22262c;padding:.5rem .6rem}.admin-row-actions{justify-content:flex-end;gap:.4rem;display:flex}.admin-row-actions button{padding:.3rem .6rem;font-size:.78rem}.admin-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;font-size:.85rem;display:flex}.admin-pagination button{padding:.35rem .8rem;font-size:.8rem}.media-edit-row td{background:var(--bg-input)}.media-type-pill{letter-spacing:.03em;background:var(--accent-indigo-dark);color:var(--text-primary);border-radius:3px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.intro-extro-cell{font-variant-numeric:tabular-nums;flex-direction:column;gap:.1rem;font-size:.72rem;display:flex}.intro-extro-cell-intro{color:var(--accent-green-soft)}.intro-extro-cell-outro{color:var(--accent-red-soft)}.intro-extro-cell-empty{color:var(--text-dim)}.upload-form{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.upload-form-row{align-items:center;gap:.5rem;display:flex}.upload-form-row input,.upload-form-row select{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:.5rem .6rem;font-size:.85rem}.upload-form-row input[type=text],.upload-form-row input:not([type]){flex:1}.upload-form-row label{color:var(--text-secondary);flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.crossfade-preset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;margin-bottom:.6rem;display:grid}.crossfade-preset-card{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;transition:border-color .1s,color .1s,background .1s;display:flex}.crossfade-preset-card:hover{border-color:var(--accent-indigo);color:var(--text-primary)}.crossfade-preset-card-selected{border-color:var(--accent-cyan);background:var(--accent-indigo-dark);color:var(--text-primary)}.crossfade-preset-icon{font-size:1.4rem;line-height:1}.crossfade-preset-title{text-align:center;font-size:.78rem;font-weight:600}.crossfade-preset-description{color:var(--text-secondary);margin:0 0 .9rem;font-size:.82rem;line-height:1.4}.crossfade-custom-shapes{margin-bottom:.6rem}.edit-categories-row{flex-wrap:wrap;row-gap:.4rem}.edit-categories-label{color:var(--text-secondary);font-size:.75rem}.edit-categories-row .edit-category-checkbox{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;flex-direction:row;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.82rem}.category-list{flex-direction:column;gap:.3rem;max-height:460px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.category-list li{background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.category-list-active{border-color:var(--accent-cyan)!important}.category-list-name{flex:1;font-size:.88rem}.category-list-count{color:var(--text-secondary);font-size:.75rem}.category-list-delete{padding:.15rem .5rem;font-size:.7rem}.clock-slot-header,.clock-slot-row{grid-template-columns:60px 130px 150px 1fr 32px;align-items:center;gap:.5rem;margin-bottom:.35rem;display:grid}.clock-slot-header{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.clock-slot-row select,.clock-slot-row input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);box-sizing:border-box;border-radius:4px;width:100%;padding:.4rem .5rem;font-size:.82rem}.clock-slot-offset{text-align:center}.clock-slot-remove{padding:.3rem;font-size:.75rem}.weekly-grid{grid-template-columns:70px repeat(7,1fr);gap:2px;font-size:.72rem;display:grid}.weekly-grid-corner{background:0 0}.weekly-grid-day-header{text-align:center;color:var(--text-secondary);letter-spacing:.04em;padding:.3rem 0;font-weight:700}.weekly-grid-hour-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;padding-right:.4rem;display:flex}.weekly-grid-cell{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);border-radius:2px;padding:.25rem .2rem;font-size:.68rem}.weekly-grid-cell-filled{background:var(--accent-indigo-dark);border-color:var(--accent-indigo);color:var(--text-primary)}.settings-hint{color:var(--text-secondary);margin:.4rem 0 .75rem;font-size:.82rem}.generator-skipped-list{color:var(--text-secondary);margin:0 0 .75rem;padding-left:1.2rem;font-size:.8rem}.generator-fullrewrite-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;margin:.5rem 0;font-size:.8rem;display:flex}.generator-fullrewrite-warning{color:var(--accent-orange);border-left:2px solid var(--accent-orange);margin:0 0 .75rem;padding-left:.6rem;font-size:.8rem}.user-chip{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.user-chip-name{color:var(--text-primary);font-weight:600}.user-chip-tenant{border:1px solid var(--border-subtle);border-radius:999px;padding:.1rem .45rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem}.user-chip-signout{padding:.3rem .7rem;font-size:.75rem}.user-chip-billing{color:var(--accent-cyan);font-size:.8rem;text-decoration:none}.user-chip-billing:hover{text-decoration:underline}.no-access{max-width:34rem;color:var(--text-secondary);gap:1rem;margin:18vh auto 0;padding:0 1rem;display:grid}.no-access h1{color:var(--text-primary);margin:0;font-size:1.4rem}.no-access button{justify-self:start}.plan-usage{flex-wrap:wrap;gap:24px;margin-bottom:16px;display:flex}.plan-usage-item{flex:220px;max-width:360px}.plan-usage-label{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.plan-usage-bar{background:var(--border-subtle);border-radius:3px;height:6px;overflow:hidden}.plan-usage-bar span{background:var(--accent-cyan);height:100%;display:block}.plan-usage-bar.near span{background:var(--accent-orange)}.plan-usage-bar.full span{background:var(--accent-red)}.wp label{color:var(--text-secondary);gap:.3rem;margin-bottom:.75rem;font-size:.85rem;display:grid}.wp label small,.wp em{color:var(--text-secondary);opacity:.85;font-size:.75rem;font-style:normal}.wp input:not([type=checkbox]):not([type=color]):not([type=file]),.wp select,.wp textarea{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font:inherit;border-radius:4px;padding:.5rem .65rem;font-size:.9rem}.wp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.wp-muted{color:var(--text-secondary);max-width:60ch;margin:0 0 1rem;font-size:.88rem}.wp-open{color:var(--accent-cyan);white-space:nowrap;font-weight:600;text-decoration:none}.wp-share{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.wp-share code{color:var(--accent-cyan);word-break:break-all}.wp-share button{padding:.25rem .7rem;font-size:.78rem}.wp-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.wp fieldset{border:1px solid var(--border-subtle);border-radius:8px;min-width:0;margin:0;padding:1rem 1.1rem}.wp legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:0 .3rem;font-size:.75rem;font-weight:700}.wp legend.wp-sub{margin:1rem 0 .6rem;padding:0}.wp-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.wp-row>label{margin-bottom:.5rem}.wp-grow{flex:14rem}.wp-images{grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:.75rem;display:grid}.wp-image{color:var(--text-secondary);align-content:start;gap:.4rem;font-size:.85rem;display:grid}.wp-logo{object-fit:cover;background:#fff;border-radius:12px;width:88px;height:88px}.wp-cover{object-fit:cover;border-radius:8px;width:100%;height:88px}.wp-empty{border:1px dashed var(--border-subtle);text-align:center;border-radius:12px;place-items:center;width:88px;height:88px;font-size:.75rem;display:grid}.wp-empty.wp-cover{width:100%}.wp-file{border:1px solid var(--btn-idle-border);cursor:pointer;border-radius:4px;padding:.35rem .8rem;color:var(--text-primary)!important;margin:0!important;display:inline-block!important}.wp-file input{display:none}.wp-colour input{border:1px solid var(--border-subtle);background:0 0;border-radius:4px;width:64px;height:34px;padding:0}.wp-swatch{border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:.8rem;margin-bottom:.9rem;padding:.7rem .9rem;display:flex}.wp-swatch-play{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.8rem;display:grid}.wp-swatch-live{color:#111;border-radius:999px;margin-left:auto;padding:.15rem .6rem;font-size:.72rem;font-weight:700}.wp-check{align-items:center;gap:.5rem;color:var(--text-primary)!important;display:flex!important}.wp-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.wp-save{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#06202c;text-shadow:none;font-weight:700}.wp-ok{color:var(--accent-green);font-size:.88rem}.wp-program-form{border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.1rem}.wp-slots{color:var(--text-secondary);gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:grid}.wp-slots .wp-row button{padding:.35rem .7rem;font-size:.8rem}@media (width<=640px){.wp-images{grid-template-columns:1fr}}.wp-small{margin:.25rem 0 0;font-size:.78rem}.wp-colour small{display:block}.wp-sticky{background:var(--bg-panel);border-top:1px solid var(--border-subtle);z-index:2;padding:.75rem 0;position:sticky;bottom:-1.25rem}.wp-preview{border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:1.25rem;overflow:hidden}.wp-preview-banner{color:#fff;background:50%/cover no-repeat;gap:.8rem;padding:1rem 1.1rem;display:grid;position:relative}.wp-preview-banner:before{content:"";background:linear-gradient(#0a0c1673,#0a0c16d9);position:absolute;inset:0}.wp-preview-banner>*{position:relative}.wp-preview-brand{align-items:center;gap:.7rem;display:flex}.wp-preview-brand img,.wp-preview-letter{object-fit:cover;background:#fff;border-radius:10px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.wp-preview-brand strong{font-size:1.15rem;display:block}.wp-preview-brand span{opacity:.85;font-size:.8rem}.wp-preview-player{background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .8rem;font-size:.85rem;display:flex}.wp-preview-player b{background:#e53935;border-radius:999px;margin-right:.3rem;padding:0 .45rem;font-size:.65rem}.wp-preview-play{border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.wp-preview-chip{border-radius:999px;margin-left:auto;padding:.1rem .6rem;font-size:.7rem;font-weight:700}.wp-preview-body{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 1.1rem;display:flex}.wp-preview-tab{border:1px solid #0000;border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:600}.wp-preview-note{opacity:.6;margin-left:auto;font-size:.72rem}.wp-images-2{grid-template-columns:1fr 2fr;align-items:start}.wp-mobile-cover{object-fit:cover;border-radius:10px;width:88px;height:88px}.wp-empty.wp-mobile-cover{width:88px}.wp-wide{grid-column:1/-1}.wp-fine{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem 1rem;display:grid}.wp-fine-item{border:1px solid var(--border-subtle);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.4rem .5rem;display:grid}.wp-fine-item input[type=color]{border:1px solid var(--border-subtle);background:0 0;border-radius:4px;width:40px;height:30px;padding:0}.wp-fine-item strong{color:var(--text-primary);font-size:.85rem;font-weight:600;display:block}.wp-fine-item small{color:var(--text-secondary);font-size:.72rem}.wp-fine-item button{padding:.15rem .5rem;font-size:.72rem}.wp-auto{color:var(--accent-green);font-size:.72rem}.wp-preview-bar{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.wp-seg{border:1px solid var(--border-subtle);border-radius:6px;display:inline-flex;overflow:hidden}.wp-seg button{background:0 0;border:0;border-radius:0;padding:.25rem .8rem;font-size:.78rem}.wp-seg button.on{background:var(--accent-cyan);color:#06202c;text-shadow:none}.wp-preview.phone{max-width:390px;margin-left:auto;margin-right:auto}.wp-preview.layout-card .wp-preview-frame{border-radius:16px;margin:.8rem;overflow:hidden}.wp-preview-links{flex-wrap:wrap;gap:.35rem;display:flex}.wp-preview-links span{border:1px solid #fff3;border-radius:999px;padding:.15rem .6rem;font-size:.68rem;font-weight:600}.wp-preview-player em{margin-left:.4rem;font-size:.78rem;font-style:normal}.wp-preview-volume{background:#ffffff4d;border-radius:2px;width:90px;height:4px;margin-left:auto;position:relative}.wp-preview-volume i{border-radius:2px;position:absolute;inset:0 25% 0 0}.wp-preview.phone .wp-preview-player{flex-wrap:wrap}.wp-preview.phone .wp-preview-volume{flex:100%;margin:.4rem 0 0}.wp-preview-next{font-size:.75rem}.wp-preview-chip{border-radius:999px;padding:.1rem .6rem;font-size:.7rem;font-weight:700}.wp2{gap:1rem;display:grid}.wp2 .wp-head{margin-bottom:0}.wp2-share{justify-items:end;gap:.35rem;font-size:.8rem;display:grid}.wp2-share span{align-items:center;gap:.5rem;display:flex}.wp2-share code{color:var(--accent-cyan)}.wp2-share button{padding:.2rem .6rem;font-size:.75rem}.wp2-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.wp2-edit-toggle{font-weight:600;margin:0!important}.cf{border:1px solid var(--border-subtle);background:var(--bg-input);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.5rem;padding:.45rem .55rem;display:grid}.cf-compact{grid-template-columns:auto minmax(0,1fr) 6.2rem auto auto;padding:.35rem .45rem}.cf-swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:8px;width:36px;height:36px;position:relative;box-shadow:inset 0 0 0 1px #0000004d;margin:0!important;display:block!important}.cf-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cf-text{min-width:0;display:grid}.cf-text strong{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.cf-text small{color:var(--text-secondary);font-size:.72rem}.wp .cf-hex{text-transform:lowercase;width:6.2rem;padding:.35rem .45rem;font-family:ui-monospace,Menlo,monospace;font-size:.82rem}.wp .cf-hex.cf-bad{border-color:var(--accent-red)}.cf-btn{align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.75rem;display:inline-flex}.cf-btn svg{width:15px;height:15px}.cf-auto{color:var(--accent-green);padding:0 .3rem;font-size:.72rem}.pv{border:1px solid var(--border-subtle);border-radius:12px;padding-bottom:.2rem;position:relative}.pv-phone{width:100%;max-width:400px;margin:0 auto}.pv-frame{position:relative}.pv-card .pv-frame{border-radius:18px;margin:1rem 1rem 0}.pv-banner{border-radius:inherit;background:bottom/cover no-repeat;position:relative}.pv-shade{border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#080a149e,#080a144d 45%,#080a140f 75%,#0000);position:absolute;inset:0}.pv-phone .pv-shade{background:linear-gradient(#080a1480,#080a1440 55%,#0000)}.pv-content{gap:.75rem;padding:1.2rem 1.3rem 1rem;display:grid;position:relative}.pv-brand{align-items:center;gap:.8rem;min-width:0;display:flex}.pv-logo{object-fit:cover;border-radius:13px;place-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:grid}.pv-names{gap:.15rem;min-width:0;display:grid}.pv-name{font-size:1.45rem;font-weight:800;line-height:1.15;display:block}.pv-tagline{font-size:.85rem}.pv-links{flex-wrap:wrap;gap:.35rem;display:flex}.pv-links span{border:1px solid #fff3;border-radius:999px;padding:.2rem .7rem;font-size:.72rem;font-weight:600}.pv-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff29;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.7rem .9rem;display:grid}.pv-phone .pv-player{grid-template-columns:auto minmax(0,1fr)}.pv-phone .pv-volume-spot{grid-column:1/-1}.pv-play{border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.1rem;display:grid}.pv-now{justify-items:start;gap:.25rem;min-width:0;display:grid}.pv-live{color:#fff;letter-spacing:.08em;border-radius:999px;padding:.05rem .55rem;font-size:.66rem}.pv-song{font-weight:700;display:block}.pv-artist{font-size:.8rem;display:block}.pv-volume{background:#ffffff4d;border-radius:3px;width:110px;height:5px;display:block;position:relative}.pv-phone .pv-volume{width:100%}.pv-volume i{border-radius:3px;position:absolute;inset:0 22% 0 0}.pv-next{font-size:.78rem}.pv-body{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.9rem 1.1rem .8rem;display:flex}.pv-tab{border:1px solid #0000;border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;display:inline-block}.pv-onnow-spot{margin-left:auto}.pv-chip{border-radius:999px;padding:.15rem .65rem;font-size:.72rem;font-weight:700}.pv-inline{font:inherit;color:#fff;border:2px solid var(--accent-cyan);background:#00000059;border-radius:6px;width:min(26rem,100%);padding:.15rem .4rem}.pv-inline-name{font-size:1.3rem;font-weight:800}.pv-spot{position:relative}.pv-spot.pv-editable>:first-child{border-radius:6px}.pv-editing .pv-spot.pv-editable:hover>:first-child{outline-offset:3px;outline:2px dashed #34b4e3cc}.pv-spot.pv-active>:first-child{outline:2px solid var(--accent-cyan);outline-offset:3px}.pv-pencil{z-index:5;background:var(--accent-cyan);color:#06202c;width:22px;height:22px;text-shadow:none;border:2px solid #0b0d16;border-radius:50%;place-items:center;padding:0;font-size:.75rem;line-height:1;display:grid;position:absolute;top:-10px;box-shadow:0 2px 6px #0006}.pv-pencil-left{right:-12px}.pv-pencil-right{right:-8px}.pv-pencil:hover{background:#fff}.pv-pencil{opacity:.55;transition:opacity .12s}.pv-spot:hover>.pv-pencil,.pv-spot.pv-active>.pv-pencil,.pv-pencil:focus-visible{opacity:1}.pv-pop{z-index:1000;background:var(--bg-panel);border:1px solid var(--accent-cyan);width:min(25rem,86vw);max-height:70vh;color:var(--text-primary);border-radius:10px;padding:.7rem;font-size:.85rem;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0000008c}.pv-pop-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pv-pop-head button{padding:.1rem .45rem;font-size:.75rem}.pv-colours{gap:.45rem;display:grid}.pv-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0!important;display:flex!important}.pv-note{color:var(--text-secondary);margin:0;font-size:.78rem}.pv-link{color:var(--accent-cyan);text-shadow:none;background:0 0;border:0;margin-top:.5rem;padding:0}.pv-page-spot{margin-left:.4rem}.pv-page-label{letter-spacing:.08em;text-transform:uppercase;background:#7f7f7f40;border:1px dashed #7f7f7f99;border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:none}.pv-banner-label{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000080;border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:none}.pv-editing .pv-page-label,.pv-editing .pv-banner-label{display:inline-block}.pv-banner-spot{z-index:4;position:absolute;top:.7rem;right:1.4rem}.pv-box-spot>.pv-pencil{top:-10px}.wp2-sections{border:1px solid var(--border-subtle);border-radius:10px;scroll-margin-top:1rem}.wp2-tabs{border-bottom:1px solid var(--border-subtle);gap:.2rem;padding:0 .6rem;display:flex;overflow-x:auto}.wp2-tabs button{color:var(--text-secondary);white-space:nowrap;text-shadow:none;background:0 0;border:0;border-radius:0;padding:.75rem 1rem;font-weight:600}.wp2-tabs button.on{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent-cyan)}.wp2-panel{gap:1.2rem;padding:1rem 1.1rem 1.2rem;display:grid}.wp2-group{gap:.6rem;display:grid}.wp2-group h4{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.78rem}.wp2-group p{margin:0}.wp2-colours{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:.55rem;display:grid}.wp2-select{align-content:center;gap:.3rem;max-width:22rem;margin:0!important;display:grid!important}.wp2-presets{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem;display:grid}.wp2-preset{text-align:left;background:var(--bg-input);border:1px solid var(--border-subtle);text-shadow:none;gap:.45rem;padding:.55rem;display:grid}.wp2-preset:hover{border-color:var(--accent-cyan)}.wp2-preset-bar{border-radius:6px;height:26px}.wp2-images{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:1rem;display:grid}.wp2-image{gap:.5rem;display:grid}.wp2-image-head{display:grid}.wp2-image-head small{color:var(--text-secondary);font-size:.75rem}.wp2 .wp-cover{height:110px}.wp2 .wp-mobile-cover,.wp2 .wp-logo{width:110px;height:110px}.wp2-form{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.4rem 1.2rem}.wp2-span{grid-column:1/-1}@media (width<=900px){.wp2-images{grid-template-columns:1fr 1fr}.wp2-colours{grid-template-columns:1fr}}.wp2-presets{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.wp2-preset.on{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.wp2-preset-thumb{background:bottom/cover no-repeat;border-radius:6px;height:62px;display:block;position:relative}.wp2-preset-play{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.7rem;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 2px 8px #0006}.wp2-preset .wp2-preset-bar{height:6px}.wp2-ask{border:1px solid var(--accent-cyan);background:var(--bg-input);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .8rem;font-size:.88rem;display:flex}.wp2-ask span{flex:14rem}.wp2-pending{color:var(--accent-orange);font-size:.75rem}