:root{--remote-bg:#08080a;--remote-panel:#111114;--remote-line:#29292e;--remote-muted:#717178}.remote-login{color:#eee;background:radial-gradient(circle at 50% 35%, #caff3e14, transparent 35%), var(--remote-bg);place-items:center;min-height:100%;padding:24px;display:grid}.remote-login-card{border:1px solid var(--remote-line);background:#111114f5;gap:20px;width:min(420px,100%);padding:30px;display:grid;box-shadow:0 30px 90px #00000073}.remote-login-card>div{border-top:1px solid var(--remote-line);padding:22px 0 8px}.remote-login-card p{color:var(--remote-accent);letter-spacing:.16em;margin:0 0 7px;font:8px monospace}.remote-login-card h1{letter-spacing:-.045em;margin:0 0 8px;font-size:34px;font-weight:350}.remote-login-card div span{color:var(--remote-muted);font-size:11px}.remote-login-card label{color:var(--remote-muted);text-transform:uppercase;font:8px monospace}.remote-login-card input{color:#eee;background:#09090b;border:1px solid #303035;outline:0;width:100%;margin-top:7px;padding:12px}.remote-login-card input:focus{border-color:var(--remote-accent)}.remote-login-card .login-status{color:#ff786b;letter-spacing:0;margin:0;line-height:1.5}.remote-login-card>button{color:#08080a;background:var(--remote-accent);cursor:pointer;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;padding:13px 15px;font:700 9px monospace;display:flex}.remote-login-card>button:disabled{opacity:.45;cursor:not-allowed}.remote-shell,.admin-shell{color:#eee;background:var(--remote-bg);min-height:100%;overflow:auto}.remote-nav{border-bottom:1px solid var(--remote-line);justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.remote-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.remote-brand b{color:#08080a;background:var(--remote-accent,#caff3e);place-items:center;width:38px;height:38px;font:700 11px monospace;display:grid}.remote-brand span{font-size:12px;line-height:1.15}.remote-brand small{color:var(--remote-muted);text-transform:uppercase;letter-spacing:.12em;font:8px monospace}.connection{color:var(--remote-muted);text-transform:uppercase;align-items:center;gap:8px;font:9px monospace;display:flex}.connection i{background:#666;border-radius:50%;width:6px;height:6px}.connection.online{color:var(--remote-accent)}.connection.online i{background:var(--remote-accent);box-shadow:0 0 9px var(--remote-accent)}.controller-hero{justify-content:space-between;gap:40px;padding:55px 7vw 40px;display:flex}.controller-hero p,.admin-workspace header p{color:var(--remote-accent);letter-spacing:.17em;font:9px monospace}.controller-hero h1{letter-spacing:-.065em;margin:8px 0;font-size:clamp(42px,7vw,88px);font-weight:300}.controller-hero>div>span{color:var(--remote-muted);font-size:12px}.control-dock{z-index:6;border-bottom:1px solid var(--remote-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08080af5;grid-template-columns:minmax(150px,1fr) minmax(390px,1.2fr);align-items:center;gap:30px;padding:18px 7vw;display:grid;position:sticky;top:0}.control-dock>header{min-width:0}.control-dock>header span{color:var(--remote-accent);letter-spacing:.15em;margin-bottom:5px;font:8px monospace;display:block}.control-dock>header strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-weight:350;display:block;overflow:hidden}.room-card{border:1px solid var(--remote-line);background:var(--remote-panel);align-self:end;gap:12px;width:270px;padding:17px;display:grid}.room-card label,.admin-actions label{color:var(--remote-muted);text-transform:uppercase;font:8px monospace}.room-card input,.admin-actions input{color:#ddd;background:#09090b;border:1px solid #303035;width:100%;margin-top:6px;padding:9px}.live-controls{grid-template-columns:1fr 1fr 90px;align-items:end;gap:12px;width:100%;display:grid}.step-control{gap:9px;display:grid}.step-control>div:first-child{color:var(--remote-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font:9px monospace;display:flex}.step-control output{color:var(--remote-accent);font-size:11px}.step-buttons{grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;display:grid}.step-buttons button{color:#eee;cursor:pointer;touch-action:manipulation;background:#1b1b1f;border:1px solid #37373d;border-radius:8px;width:48px;height:48px;padding:0;font:400 24px sans-serif}.step-buttons button:active{color:#08080a;background:var(--remote-accent);transform:scale(.96)}.step-meter{background:#29292e;border-radius:999px;height:8px;overflow:hidden}.step-meter i{background:var(--remote-accent);border-radius:inherit;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--remote-accent) 55%, transparent);transition:width .15s;display:block}.live-controls .apply-live{color:#08080a;background:var(--remote-accent);cursor:pointer;text-transform:uppercase;touch-action:manipulation;border:0;border-radius:7px;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;font:700 9px monospace;display:flex}.setlist{margin:0 7vw 100px}.setlist header{color:var(--remote-muted);justify-content:space-between;padding:18px 0;font:9px monospace;display:flex}.setlist article{border-top:1px solid #202024;grid-template-columns:48px 15px 1fr 112px;align-items:center;gap:18px;min-height:74px;padding:0 12px;transition:background .18s,box-shadow .18s;display:grid;position:relative}.setlist article.live{background:linear-gradient(90deg, color-mix(in srgb, var(--remote-accent) 14%, transparent), #ffffff06 65%, transparent);box-shadow:inset 4px 0 var(--remote-accent)}.setlist article.armed{background:linear-gradient(90deg, color-mix(in srgb, var(--remote-accent) 9%, transparent), transparent);box-shadow:inset 3px 0 color-mix(in srgb, var(--remote-accent) 70%, white)}.setlist article.armed .song-copy h2,.setlist article.armed .set-number,.setlist article.live .set-number{color:var(--remote-accent)}.setlist article.live .song-copy h2{color:#fff;font-weight:600}.setlist article.live>button,.setlist article.armed>button{box-shadow:0 0 18px color-mix(in srgb, var(--remote-accent) 28%, transparent)}.set-number{color:#4e4e54;font:11px monospace}.theme-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.song-copy h2{color:#b9b9bd;margin:0;font-size:18px;font-weight:450}.setlist article>button{color:#08080a;background:var(--remote-accent);cursor:pointer;border:0;justify-content:space-between;align-items:center;height:42px;padding:0 12px;font:700 8px monospace;display:flex}.setlist article>button:disabled{opacity:.55}.remote-footer{z-index:5;border-top:1px solid var(--remote-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08080aed;justify-content:center;gap:8px;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.remote-footer button{color:#aaa;cursor:pointer;background:#17171a;border:1px solid #303035;min-width:130px;padding:13px 18px}.remote-footer .blackout{color:#ff786b;border-color:#59312e}.admin-shell{grid-template-columns:260px 1fr;display:grid}.admin-sidebar{overscroll-behavior:contain;border-right:1px solid var(--remote-line);scrollbar-width:thin;scrollbar-color:#3b3b42 transparent;height:100vh;padding:28px 20px;position:sticky;top:0;overflow:hidden auto}.admin-sidebar .remote-brand{margin-bottom:30px}.new-preset{width:100%;color:var(--remote-accent);cursor:pointer;background:0 0;border:1px solid #caff3e40;margin-bottom:16px;padding:11px}.preset-tab{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #222226;gap:12px;width:100%;padding:13px 10px;display:flex}.preset-tab>span{color:#505056;font:9px monospace}.preset-tab div{flex-direction:column;font-size:11px;display:flex}.preset-tab small{color:#5f5f65;margin-top:3px;font:7px monospace}.preset-tab.active{color:#fff;background:#141417}.admin-sidebar::-webkit-scrollbar{width:7px}.admin-sidebar::-webkit-scrollbar-thumb{background:#3b3b42;border-radius:999px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.show-manager{background:#0d0d10;border:1px solid #29292e;gap:7px;margin-bottom:14px;padding:12px;display:grid}.show-manager>span{color:var(--remote-accent);letter-spacing:.13em;font-size:8px}.show-manager select,.show-manager input{color:#ddd;background:#08080a;border:1px solid #303035;width:100%;padding:9px}.show-manager button{color:#aaa;cursor:pointer;background:#17171a;border:1px solid #303035;padding:9px}.preset-tab-row{cursor:grab;border-top:1px solid #222226;grid-template-columns:24px 1fr;align-items:center;transition:opacity .15s,background .15s;display:grid}.preset-tab-row:active{cursor:grabbing}.preset-tab-row .preset-tab{border:0;min-width:0}.preset-tab-row.active{color:#fff;box-shadow:inset 2px 0 var(--remote-accent);background:#141417}.preset-tab-row.dragging{opacity:.35}.drag-grip{color:#45454b;text-align:center;-webkit-user-select:none;user-select:none;font-size:14px}.preset-tab-row:hover .drag-grip{color:var(--remote-accent)}.admin-workspace{min-width:0;padding:35px 5vw 70px}.admin-workspace>header{border-bottom:1px solid var(--remote-line);justify-content:space-between;align-items:end;padding-bottom:25px;display:flex}.admin-workspace h1{letter-spacing:-.05em;margin:5px 0 0;font-size:38px;font-weight:350}.admin-actions{align-items:end;gap:12px;display:flex}.admin-actions label{width:160px}.admin-actions span{color:#68686e;font:8px monospace}.admin-actions button{color:#08080a;background:var(--remote-accent);cursor:pointer;text-transform:uppercase;border:0;padding:12px 17px;font:700 8px monospace}.admin-view-tabs{border:1px solid var(--remote-line);background:#0d0d10;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.admin-view-tabs button{color:#74747b;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;min-width:130px;padding:10px 14px;font:700 8px monospace}.admin-view-tabs button.active{color:#08080a;background:var(--remote-accent)}.songs-view .band-roster-editor,.band-view .preset-preview-card,.band-view .editor-grid>.editor-card:not(.band-roster-editor),.band-view .new-preset,.band-view .preset-tab-row{display:none}.band-view .editor-grid{grid-template-columns:1fr;margin-top:20px}.admin-actions button:disabled{opacity:.38;cursor:not-allowed}.admin-actions .connect-cloud{color:var(--remote-accent);border:1px solid var(--remote-accent);background:0 0}.admin-actions .cloud-error{color:#ff6b6b;max-width:240px;line-height:1.45}.admin-actions .admin-connected{color:var(--remote-accent);text-transform:uppercase;align-items:center;gap:7px;display:flex}.admin-connected i{background:var(--remote-accent);width:6px;height:6px;box-shadow:0 0 8px var(--remote-accent);border-radius:50%}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.editor-card{border:1px solid var(--remote-line);background:var(--remote-panel);padding:20px}.editor-card.wide{grid-column:1/-1}.editor-card>span{color:var(--remote-accent);letter-spacing:.14em;margin-bottom:18px;font:8px monospace;display:block}.editor-card>p{color:var(--remote-muted);font-size:10px}.editor-card label{color:#85858b;text-transform:uppercase;margin-top:14px;font:8px monospace;display:block}.editor-card input:not([type=checkbox]),.editor-card select,.editor-card textarea{color:#ddd;background:#09090b;border:1px solid #303035;outline:0;width:100%;margin-top:6px;padding:10px}.editor-card textarea{resize:vertical;line-height:1.5}.editor-card output{float:right;color:var(--remote-accent)}.editor-card .check-row{border-bottom:1px solid #242428;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.size-control{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.size-control label{min-width:0}.size-control>button{min-height:36px;color:var(--remote-accent);border:1px solid color-mix(in srgb, var(--remote-accent) 35%, #303035);cursor:pointer;text-transform:uppercase;background:0 0;padding:8px 10px;font-size:8px}.ready-layer-options{background:#0b0b0d;border:1px solid #29292f;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 28px;margin-top:14px;padding:12px;display:grid}.ready-layer-options>b{color:var(--remote-accent);letter-spacing:.13em;grid-column:1/-1;font:7px monospace}.ready-layer-options .check-row{border:0;justify-content:flex-start;gap:8px;width:max-content;margin:0;padding:7px 0;display:inline-flex}.ready-layer-options .check-row input{margin:0}.editor-card .check-row input[type=checkbox],.item-fields .inline-check input[type=checkbox]{appearance:none;cursor:pointer;background:#34343a;border:1px solid #4a4a52;border-radius:999px;flex:0 0 34px;width:34px;height:19px;margin:0;transition:background .18s,border-color .18s,box-shadow .18s;position:relative}.editor-card .check-row input[type=checkbox]:after,.item-fields .inline-check input[type=checkbox]:after{content:"";background:#aaaab0;border-radius:50%;width:13px;height:13px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.editor-card .check-row input[type=checkbox]:checked,.item-fields .inline-check input[type=checkbox]:checked{background:var(--remote-accent);border-color:var(--remote-accent);box-shadow:0 0 10px color-mix(in srgb,var(--remote-accent) 25%,transparent)}.editor-card .check-row input[type=checkbox]:checked:after,.item-fields .inline-check input[type=checkbox]:checked:after{background:#08080a;transform:translate(15px)}.editor-card .check-row input[type=checkbox]:focus-visible,.item-fields .inline-check input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--remote-accent) 60%,white);outline-offset:2px}.editor-card input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px;padding:0}.editor-card input[type=range]::-webkit-slider-runnable-track{background:#45454d;border-radius:999px;height:5px;box-shadow:inset 0 0 0 1px #55555e}.editor-card input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--remote-accent);width:17px;height:17px;box-shadow:0 0 0 1px var(--remote-accent), 0 0 10px color-mix(in srgb, var(--remote-accent) 38%, transparent);border:3px solid #111114;border-radius:50%;margin-top:-6px}.editor-card input[type=range]::-moz-range-track{background:#45454d;border:1px solid #55555e;border-radius:999px;height:5px}.editor-card input[type=range]::-moz-range-thumb{background:var(--remote-accent);width:13px;height:13px;box-shadow:0 0 0 1px var(--remote-accent), 0 0 10px color-mix(in srgb, var(--remote-accent) 38%, transparent);border:3px solid #111114;border-radius:50%}.editor-card input[type=range]:focus-visible{outline:1px solid color-mix(in srgb, var(--remote-accent) 55%, transparent);outline-offset:3px}@media (width<=800px){.remote-login{padding:max(18px,env(safe-area-inset-top)) 14px 18px;align-items:start}.remote-login-card{margin-top:5vh;padding:22px}.remote-login-card input{min-height:48px;font-size:16px}.remote-login-card>button{min-height:52px}.remote-nav{height:62px;padding:0 16px}.remote-nav .remote-brand span{display:none}.connection{font-size:8px}.control-dock{grid-template-columns:1fr;gap:12px;padding:12px 16px;top:0}.control-dock>header{align-items:center;gap:9px;display:flex}.control-dock>header span{margin:0}.control-dock>header strong{font-size:19px}.live-controls{grid-template-columns:1fr 1fr;gap:10px}.live-controls .apply-live{grid-column:1/-1}.step-buttons{grid-template-columns:44px 1fr 44px;gap:7px}.step-buttons button{width:44px;height:44px}.setlist{margin:0 12px calc(92px + env(safe-area-inset-bottom))}.setlist header{align-items:center;padding:14px 0}.setlist header p{text-align:right;max-width:55%;margin:0}.setlist article{grid-template-columns:22px 7px minmax(0,1fr) 88px;gap:8px;min-height:70px;padding:0 8px}.set-number{font-size:9px}.song-copy{min-width:0}.song-copy h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.setlist article>button{touch-action:manipulation;border-radius:7px;width:88px;height:48px;padding:0 9px}.remote-footer{padding:9px 10px calc(9px + env(safe-area-inset-bottom));justify-content:stretch;gap:6px}.remote-footer button{touch-action:manipulation;border-radius:7px;flex:1;min-width:0;min-height:50px;padding:8px;font-size:11px}.admin-shell{display:block}.admin-sidebar{border-right:0;width:100%;height:auto;position:static;overflow:visible}.editor-grid{grid-template-columns:1fr}.admin-workspace>header{flex-direction:column;align-items:start;gap:20px}.admin-actions{flex-wrap:wrap}}.upload-row{background:#0b0b0d;border:1px solid #27272b;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:14px;display:flex}.upload-row strong{font-size:11px;font-weight:500}.upload-row p{color:#626268;margin:4px 0 0;font-size:9px}.cloud-upload{background:var(--remote-accent);cursor:pointer;flex:none;padding:9px 12px;color:#080906!important;margin:0!important;font-weight:700!important}.cloud-upload input{display:none}.upload-status{color:var(--remote-accent);margin-top:8px;font:8px monospace}.preset-preview-card{border:1px solid var(--remote-line);background:var(--remote-panel);margin-top:20px;padding:16px}.preset-preview-card>header{color:var(--remote-accent);letter-spacing:.13em;justify-content:space-between;margin-bottom:12px;font:8px monospace;display:flex}.preset-preview-card>header small{color:var(--remote-muted);letter-spacing:0}.static-preview{aspect-ratio:16/9;isolation:isolate;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--preview-accent) 16%, #08080b), #030304 68%);width:100%;position:relative;overflow:hidden}.preview-media{z-index:-4;object-fit:contain;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.preview-media.wide{object-fit:cover}.preview-shade{z-index:-3;background:radial-gradient(circle,#0000 20%,#0000002e 55%,#000000b8);position:absolute;inset:0}.preview-stars{z-index:-1;opacity:.75;background-image:radial-gradient(circle, #fff 0 1px, transparent 1.5px), radial-gradient(circle, var(--preview-accent) 0 1px, transparent 1.5px);background-position:0 0,23px 17px;background-size:47px 43px,71px 67px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 17%,#000 38%);mask-image:radial-gradient(circle,#0000 0 17%,#000 38%)}.preview-orb{z-index:0;width:var(--preview-orb-size);aspect-ratio:1;border:2px solid color-mix(in srgb, var(--preview-accent) 82%, white);box-shadow:0 0 12px var(--preview-accent), inset 0 0 24px color-mix(in srgb, var(--preview-accent) 25%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-orb b{background:radial-gradient(circle, transparent 35%, color-mix(in srgb, var(--preview-accent) 18%, transparent));filter:blur(6px);border-radius:50%;position:absolute;inset:9%}.preview-orb i{border:1px solid color-mix(in srgb, var(--preview-accent) 28%, transparent);border-radius:50%;position:absolute;inset:-12%;transform:rotateX(62deg)rotate(18deg)}.preview-orb i:nth-child(2){opacity:.65;inset:-24%;transform:rotateY(58deg)rotate(-22deg)}.preview-orb i:nth-child(3){opacity:.35;inset:-36%;transform:rotateX(70deg)rotate(68deg)}.preview-logo{z-index:2;width:var(--preview-logo-size);object-fit:contain;filter:drop-shadow(0 0 16px #000000a6);max-height:46%;position:absolute}.preview-logo.inverted{filter:invert()drop-shadow(0 0 16px #000000a6)}.preview-logo.center{top:50%;left:50%;transform:translate(-50%,-50%)}.preview-logo.top-left{top:5%;left:4%}.preview-logo.top-right{top:5%;right:4%}.preview-logo.bottom-left{bottom:5%;left:4%}.preview-logo.bottom-right{bottom:5%;right:4%}.item-editor{background:#0b0b0d;border:1px solid #29292f;grid-template-columns:minmax(180px,.8fr) 2fr;gap:14px;margin-top:10px;padding:12px;display:grid}.item-editor.previewing{border-color:color-mix(in srgb, var(--remote-accent) 50%, #29292f);box-shadow:inset 3px 0 var(--remote-accent)}.item-preview-select{color:#ddd;text-align:left;cursor:pointer;background:#141417;border:0;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.item-preview-select>span{width:28px;height:28px;color:var(--remote-accent);border:1px solid #36363c;place-items:center;font:9px monospace;display:grid}.item-preview-select img{object-fit:contain;background:#050506;width:42px;height:42px}.item-preview-select div{flex-direction:column;min-width:0;display:flex}.item-preview-select strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.item-preview-select small{color:#66666c;margin-top:4px;font:7px monospace}.item-fields{grid-template-columns:repeat(4,minmax(90px,1fr)) auto;align-items:end;gap:8px;display:grid}.item-fields label{margin:0}.item-fields input:not([type=checkbox]),.item-fields select{padding:8px!important}.item-fields .inline-check{align-self:center;align-items:center;gap:8px;display:flex}.remove-item{color:#ff7b70;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #5a302d;padding:9px 11px;font:8px monospace}.library-status{color:#77777e;margin:2px 0 12px;font:8px monospace}.empty-library{text-align:center;border:1px dashed #303036;padding:22px}.library-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.library-filter-row .library-status{margin:0}.library-actions{flex-wrap:wrap;gap:7px;display:flex}.library-filter-row button{color:var(--remote-accent);border:1px solid color-mix(in srgb, var(--remote-accent) 35%, #303035);cursor:pointer;text-transform:uppercase;background:0 0;padding:8px 11px;font-size:8px}.library-filter-row button.active{color:#08080a;background:var(--remote-accent)}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.library-card{cursor:pointer;background:#0a0a0c;border:1px solid #29292f;padding:8px;position:relative;margin:0!important}.delete-library-item{z-index:3;color:#ff8a80;cursor:pointer;opacity:.7;background:#0c0c0ee0;border:1px solid #613531;border-radius:50%;width:28px;height:28px;padding:0;font-size:18px;line-height:1;position:absolute;top:13px;right:13px}.delete-library-item:hover{opacity:1;background:#3b1e1c}.library-card.selected{border-color:var(--remote-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--remote-accent) 25%, transparent)}.sequence-mode .library-card{cursor:crosshair}.sequence-mode .library-card:not(.selected){opacity:.35;cursor:not-allowed}.sequence-mode .library-card video{pointer-events:none}.library-card.sequenced{box-shadow:inset 0 0 0 2px var(--remote-accent), 0 0 18px color-mix(in srgb, var(--remote-accent) 16%, transparent)}.sequence-number{z-index:4;color:#08080a;background:var(--remote-accent);width:34px;height:34px;box-shadow:0 0 14px color-mix(in srgb, var(--remote-accent) 50%, transparent);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:12px;left:12px}.library-preview{aspect-ratio:16/9;background:#030304;place-items:center;width:100%;display:grid;overflow:hidden}.library-preview img,.library-preview video{object-fit:contain;width:100%;height:100%}.library-card>label{cursor:pointer;grid-template-columns:16px 1fr auto;align-items:center;gap:7px;margin-top:8px;display:grid}.library-card>label input{accent-color:var(--remote-accent);margin:0}.library-card>label b{color:#c7c7ca;text-overflow:ellipsis;white-space:nowrap;text-transform:none;font-size:9px;font-weight:500;overflow:hidden}.library-card>label small{color:#5f5f65;font:7px monospace}.controller-tabs{border:1px solid var(--remote-line);background:#0d0d10;gap:6px;margin:18px 7vw 4px;padding:4px;display:flex}.controller-tabs button{color:#74747b;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;flex:1;min-height:42px;font:700 9px monospace}.controller-tabs button.active{color:#08080a;background:var(--remote-accent)}.member-list .song-copy small{color:#68686f;text-transform:uppercase;margin-top:4px;font:8px monospace;display:block}.member-thumb{object-fit:cover;border:1px solid color-mix(in srgb, var(--remote-accent) 55%, #333);border-radius:50%;width:34px;height:34px}.member-list article{grid-template-columns:48px 36px 1fr 112px}.empty-members{color:var(--remote-muted);text-align:center;border-top:1px solid #202024;padding:30px 12px}.add-member{color:#08080a;background:var(--remote-accent);cursor:pointer;text-transform:uppercase;border:0;padding:10px 14px;font:700 8px monospace}.band-member-editor{background:#0b0b0d;border:1px solid #29292f;margin-top:10px;padding:14px}.member-editor-heading{border-bottom:1px solid #242428;align-items:center;gap:10px;padding-bottom:10px;display:flex}.member-editor-heading b{color:var(--remote-accent);font:9px monospace}.member-editor-heading strong{flex:1;font-size:12px;font-weight:500}.member-editor-heading button{color:#ff7b70;cursor:pointer;text-transform:uppercase;background:0 0;border:0;font:8px monospace}.member-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;display:grid}.band-roster-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.band-roster-heading p{color:var(--remote-muted);margin:0;font-size:9px}.band-member-library{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;margin:12px 0;display:grid}.band-member-card{color:#aaa;text-align:left;cursor:pointer;background:#0a0a0c;border:1px solid #29292f;min-width:0;padding:7px}.band-member-card.active{color:#fff;border-color:var(--remote-accent);box-shadow:inset 0 -2px var(--remote-accent)}.band-member-card>div{aspect-ratio:4/3;width:100%;color:var(--remote-accent);background:#030304;place-items:center;margin-bottom:7px;font-size:24px;display:grid;overflow:hidden}.band-member-card img,.band-member-card video{object-fit:cover;width:100%;height:100%}.band-member-card b,.band-member-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.band-member-card b{font-size:9px;font-weight:550}.band-member-card small{color:#606067;text-transform:uppercase;margin-top:3px;font:7px monospace}.band-member-card.active small{color:color-mix(in srgb,var(--remote-accent) 65%,#777)}.band-roster-editor .band-member-editor{margin-top:8px}.band-media-picker{background:#09090b;border:1px solid #29292f;margin:10px 0 8px;padding:10px}.band-media-picker>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.band-media-picker>header b,.band-media-picker>header small{display:block}.band-media-picker>header b{color:var(--remote-accent);font:8px monospace}.band-media-picker>header small{color:#626268;margin-top:3px;font-size:8px}.band-media-picker .cloud-upload{margin:0!important}.band-media-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;max-height:220px;display:grid;overflow-y:auto}.band-media-grid>button{color:#777;cursor:pointer;background:#050506;border:1px solid #242429;min-width:0;padding:5px}.band-media-grid>button.active{color:var(--remote-accent);border-color:var(--remote-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--remote-accent) 22%,transparent)}.band-media-grid>button>div{aspect-ratio:16/10;background:#020203;width:100%;margin-bottom:5px;overflow:hidden}.band-media-grid img,.band-media-grid video{object-fit:cover;width:100%;height:100%}.band-media-grid span{aspect-ratio:16/10;color:#777;background:#111114;place-items:center;display:grid}.band-media-grid small{text-overflow:ellipsis;white-space:nowrap;font:7px monospace;display:block;overflow:hidden}@media (width<=800px){.controller-tabs{margin:12px 12px 4px}.member-list article{grid-template-columns:22px 34px minmax(0,1fr) 88px}.member-fields{grid-template-columns:1fr}}.remote-footer.intro-footer button{color:#08080a;background:var(--remote-accent);border-color:var(--remote-accent);text-transform:uppercase;flex:1;max-width:420px;font-weight:750}.remote-footer.intro-footer .stop-intro{color:#ffb0a8;background:#2a1110;border-color:#7a3732}.band-media-grid>button>div{position:relative}.band-media-order{color:#08080a;background:var(--remote-accent);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;top:4px;left:4px}.band-member-editor .member-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.band-selected-media{border-top:1px solid #29292f;margin-top:14px;padding-top:12px}.band-selected-media>b{color:var(--remote-accent);letter-spacing:.12em;font:8px monospace}.band-selected-media>p{color:#67676e;font-size:9px}.band-media-editor{background:#08080a;border:1px solid #25252a;grid-template-columns:24px minmax(120px,1fr) repeat(3,minmax(70px,110px)) auto;align-items:end;gap:8px;margin-top:8px;padding:8px;display:grid}.band-media-editor>span{color:var(--remote-accent);align-self:center;font:9px monospace}.band-media-editor>strong{text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:9px;font-weight:500;overflow:hidden}.band-media-editor label{margin:0}.band-media-editor input,.band-media-editor select{padding:7px!important}.band-media-editor>button{color:#ff8178;cursor:pointer;background:0 0;border:1px solid #5a302d;min-height:33px;font-size:8px}.band-corner-logos{background:#0b0b0d;border:1px solid #29292f;margin-top:12px;padding:14px}.band-corner-logos>header{margin-bottom:12px}.band-corner-logos>header b,.band-corner-logos>header small{display:block}.band-corner-logos>header b{color:var(--remote-accent);letter-spacing:.1em;font:8px monospace}.band-corner-logos>header small{color:#66666d;margin-top:4px;font-size:8px}.band-corner-logos>section+section{border-top:1px solid #28282d;margin-top:14px;padding-top:14px}.corner-logo-heading{grid-template-columns:90px minmax(180px,1fr) 100px auto;align-items:end;gap:12px;display:grid}.corner-logo-heading strong{color:#ddd;align-self:center;font:8px monospace}.corner-logo-heading label{margin:0}.corner-logo-heading>button{color:#ff8178;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #5a302d;min-height:34px;font:8px monospace}.corner-logo-grid{max-height:180px;margin-top:10px}.corner-logo-grid img{object-fit:contain}@media (width<=1050px){.band-media-editor{grid-template-columns:24px 1fr 1fr 1fr}.band-media-editor>button{grid-column:4}.band-member-editor .member-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.item-editor{grid-template-columns:1fr}.item-fields{grid-template-columns:repeat(2,minmax(110px,1fr))}.admin-actions{flex-wrap:wrap}}@font-face{font-family:DM Mono;src:local(SFMono-Regular),local(SF Mono),local(Menlo),local(Consolas),local(Liberation Mono);font-display:swap}@font-face{font-family:Manrope;src:local(Avenir Next),local(Avenir),local(Helvetica Neue),local(Segoe UI);font-display:swap}:root{color:#f3f3ed;font-synthesis:none;background:#050507;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}#root>main,#root>main *{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}button,select,input,textarea{font:inherit}main{background:#050507}.visualizer{transform:scaleX(var(--stage-x-scale,1));transform-origin:50%;background:radial-gradient(circle at 50% 45%,#13150e 0,#08090a 35%,#030304 72%);transition:inset .5s cubic-bezier(.7,0,.2,1),transform .18s;position:absolute;inset:0 430px 0 0;overflow:hidden}.visualizer canvas{z-index:2;position:absolute;inset:0}.visualizer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000014,#0000 18% 82%,#0000008c),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}.visualizer.show-mode{inset:0}.video-pair{z-index:0;opacity:var(--media-opacity,1);background:#050507;transition:opacity .12s linear;position:absolute;inset:0}.visualizer.intro-mode:not(.intro-exiting)>.video-pair,.visualizer.intro-mode:not(.intro-exiting)>.stage-image,.visualizer.intro-mode:not(.intro-exiting)>.video-shade{opacity:0}.visualizer.intro-mode>.video-pair,.visualizer.intro-mode>.stage-image,.visualizer.intro-mode>.video-shade{transition:opacity .8s}.stage-video{opacity:1;width:100%;height:100%;transition:opacity 80ms linear;position:absolute;inset:0}.stage-image{z-index:0;width:100%;height:100%;opacity:var(--media-opacity,1);transition:opacity .12s linear;position:absolute;inset:0}.stage-video.fit,.stage-image.fit{object-fit:contain;background:#050507}.stage-video.wide,.stage-image.wide{object-fit:fill;width:100%;max-width:none;height:auto;inset:50% 0 auto;transform:translateY(-50%)}.stage-video.inactive{opacity:0;pointer-events:none}.video-shade{z-index:1;background:0 0;transition:background .5s;position:absolute;inset:0}.video-shade.has-video{background:radial-gradient(circle,#0000000d,#0006)}.preset-transition{z-index:12;pointer-events:none;opacity:0;background:#050507;transition:opacity 1.8s cubic-bezier(.16,.7,.22,1);position:absolute;inset:0}.preset-transition.active{opacity:1;transition-duration:.28s;transition-timing-function:ease-in}.band-intro-media-layer{z-index:4;pointer-events:none;animation:1.6s both band-media-in;position:absolute;inset:0;overflow:hidden}.band-intro-media,.band-intro-video,.band-intro-video .stage-video{width:100%;height:100%;position:absolute;inset:0}.band-intro-media,.band-intro-video .stage-video{opacity:.72;object-fit:contain;background:#05050761;animation:1.6s both band-media-in}.band-intro-media.wide,.band-intro-video .stage-video.wide{object-fit:cover}.band-intro-media-layer:after{content:"";background:linear-gradient(90deg,#0000 30%,#0505081a),linear-gradient(#0000 45%,#050508b8);position:absolute;inset:0}.band-intro-card{z-index:8;color:#fff;text-align:center;text-shadow:0 2px 18px #000;pointer-events:none;grid-template-columns:minmax(80px,1fr) minmax(260px,auto) minmax(80px,1fr);align-items:center;gap:clamp(18px,3vw,58px);padding:6vw;animation:1.4s cubic-bezier(.2,.8,.2,1) both band-intro-in;display:grid;position:absolute;inset:0}.band-intro-copy{background:radial-gradient(#050508e6,#0505087a 58%,#0000 76%);max-width:min(42vw,760px);padding:clamp(22px,3vw,52px)}.band-intro-card span{color:var(--accent);letter-spacing:.22em;font:700 clamp(9px,1vw,15px) ui-monospace,monospace}.band-intro-card h1{letter-spacing:-.055em;margin:.3em 0 0;font:650 clamp(42px,7vw,118px)/.92 Inter,Avenir,Helvetica,Arial,sans-serif}.band-intro-card h2{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:.5em 0 0;font:600 clamp(15px,1.7vw,28px) Inter,Avenir,Helvetica,Arial,sans-serif}.band-intro-card p{color:#ffffffd1;max-width:660px;margin:.8em auto 0;font:400 clamp(14px,1.35vw,22px)/1.45 Inter,Avenir,Helvetica,Arial,sans-serif}.intro-waveform{min-width:0;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.75))}.intro-waveform.right{transform:scaleX(-1)}.intro-waveform svg{width:100%;height:clamp(90px,14vh,180px);transform:scaleY(calc(.68 + var(--audio-mids,.08) * 1.8 + var(--audio-treble,.06) * 1.1));transition:transform 60ms linear;display:block;overflow:visible}.intro-waveform path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.wave-glow{stroke:var(--accent);stroke-width:12px;opacity:calc(.16 + var(--audio-mids,.08) * .34);filter:blur(7px)}.wave-core{stroke:var(--accent);stroke-width:2.6px;opacity:calc(.72 + var(--audio-treble,.06) * .28);stroke-dasharray:5 3;animation:.65s linear infinite electric-wave}.band-intro-card+.preset-transition{z-index:12}@keyframes band-intro-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes electric-wave{to{stroke-dashoffset:-32px}}.band-intro-card{padding:0;inset:auto 5vw 6vh}.band-intro-corner-logo{z-index:9;width:min(var(--corner-logo-size,14vw),360px);object-fit:contain;max-height:28vh;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),.3));animation:1.2s both band-media-in;position:absolute;top:5vh}.band-intro-corner-logo.top-left{object-position:top left;left:4vw}.band-intro-corner-logo.top-right{object-position:top right;right:4vw}.band-intro-corner-logo.inverted{filter:invert(1) drop-shadow(0 0 20px rgba(var(--accent-rgb),.3))}.band-intro-corner-logo.exiting{animation:.8s both band-intro-out}@keyframes band-media-in{0%{opacity:0}to{opacity:1}}.band-intro-media-layer.exiting,.band-intro-card.exiting{animation:.8s both band-intro-out}@keyframes band-intro-out{0%{opacity:1}to{opacity:0}}.aura{z-index:2;aspect-ratio:1;width:min(50vw,620px);transform:translate(-50%,-50%) scale(calc(1 + var(--audio-bass,.08) * .18));background:radial-gradient(circle, rgba(var(--accent-rgb),calc(.05 + var(--audio-mids,.06) * .12)), transparent 63%);border-radius:50%;transition:opacity .4s;position:absolute;top:48%;left:50%}.hidden{opacity:0!important}.stage-logo{z-index:3;width:min(var(--logo-size,52vw), 90vw);object-fit:contain;max-height:82vh;filter:drop-shadow(0 0 calc(8px + var(--audio-bass,.08) * 36px) rgba(var(--accent-rgb),.3));transition:width .18s,opacity .4s,top .3s,left .3s,right .3s,bottom .3s;display:block;position:absolute}.stage-logo.center{transform:translate(-50%,-50%) scale(calc(1 + var(--audio-bass,.08) * .05));top:50%;left:50%}.stage-logo.top-left{transform-origin:0 0;transform:scale(calc(1 + var(--audio-bass,.08) * .05));top:4vh;left:4vw}.stage-logo.top-right{transform-origin:100% 0;transform:scale(calc(1 + var(--audio-bass,.08) * .05));top:4vh;right:4vw}.stage-logo.bottom-left{transform-origin:0 100%;transform:scale(calc(1 + var(--audio-bass,.08) * .05));bottom:4vh;left:4vw}.stage-logo.bottom-right{transform-origin:100% 100%;transform:scale(calc(1 + var(--audio-bass,.08) * .05));bottom:4vh;right:4vw}.visualizer.audio-quiet .stage-logo{transform-origin:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--audio-bass,.08) * .05));inset:50% auto auto 50%}.stage-logo.inverted{filter:invert(1) drop-shadow(0 0 calc(8px + var(--audio-bass,.08) * 36px) rgba(var(--accent-rgb),.3))}.control-panel{z-index:5;color:#e9e9e3;scrollbar-width:thin;scrollbar-color:#343438 transparent;background:#0e0e10f5;border-left:1px solid #252529;flex-direction:column;width:430px;padding:27px 30px 24px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0006}.control-panel header{border-bottom:1px solid #2a2a2d;align-items:center;gap:12px;padding-bottom:24px;display:flex}.monogram{color:#090a06;background:var(--accent);place-items:center;width:38px;height:38px;font:600 12px DM Mono;display:grid}header div:nth-child(2){flex-direction:column;display:flex}header strong{letter-spacing:-.02em;font-size:13px;font-weight:600}header span{color:#6e6e74;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font:400 9px DM Mono}header em{color:#6f6f74;letter-spacing:.12em;align-items:center;gap:7px;margin-left:auto;font:500 8px DM Mono;display:flex}header em:before{content:"";background:#55555a;border-radius:50%;width:5px;height:5px}header em.online{color:var(--accent)}header em.online:before{background:var(--accent);box-shadow:0 0 9px var(--accent)}.intro{padding:25px 0 20px}.intro>span,.scene>div>span{color:#7d7d84;letter-spacing:.16em;font:400 8px DM Mono}.intro h2{letter-spacing:-.045em;margin:9px 0 7px;font-size:25px;font-weight:400}.intro p{color:#77777d;max-width:340px;margin:0;font-size:11px;line-height:1.55}.preset-picker{border:1px solid rgba(var(--accent-rgb),.24);background:rgba(var(--accent-rgb),.035);margin-bottom:14px;padding:14px 16px}.preset-picker>span{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px;font:500 8px DM Mono;display:block}.preset-picker>div{grid-template-columns:1fr auto 32px;gap:6px;display:grid}.preset-picker select{min-width:0;height:34px;padding:7px 28px 7px 9px}.preset-picker button{color:#090a07;background:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border:0;padding:0 12px;font:600 8px DM Mono}.preset-picker button:disabled{opacity:.35;cursor:not-allowed}.preset-picker .refresh-presets{color:var(--accent);border:1px solid rgba(var(--accent-rgb),.35);background:0 0;padding:0;font-size:15px}.preset-picker small{color:#65656b;margin-top:7px;font:7px DM Mono;display:block}.controls{background:#111114;border:1px solid #29292d;padding:18px}.field>span,.range b{color:#929297;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font:400 9px DM Mono;display:block}select{color:#ddd;background:#0a0a0c;border:1px solid #303035;outline:none;width:100%;padding:11px 36px 11px 12px;font-size:11px}select:focus{border-color:#697d31}.connect-row{align-items:center;gap:11px;margin:12px 0 20px;display:flex}.connect-row button{color:#a9a9ad;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}.connect-row button i{background:#6b6b70;border-radius:50%;width:7px;height:7px}.connect-row button.connected i{background:var(--accent);box-shadow:0 0 8px var(--accent)}.connect-row>span{color:#55555a;font:400 8px DM Mono}.error{color:#ff8273;margin:-10px 0 14px;font-size:10px}.range>span{justify-content:space-between;display:flex}.range output{color:var(--accent);font:400 10px DM Mono}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) 0 54%, #353539 54%);width:100%;height:2px;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px var(--accent);border:3px solid #111114;border-radius:50%}.theme-field{margin-top:17px;display:block;position:relative}.media-threshold{margin-top:17px;display:block}.display-width{border-top:1px solid #29292d;margin-top:17px;padding-top:15px;display:block}.theme-field>span{color:#929297;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font:400 9px DM Mono;display:block}.theme-field select{padding-left:32px}.theme-field i{width:8px;height:8px;box-shadow:0 0 9px rgba(var(--accent-rgb),.75);pointer-events:none;border-radius:50%;position:absolute;bottom:13px;left:12px}.media-section{border:1px solid #29292d;margin-top:14px;padding:15px 18px 10px}.section-label{color:#7d7d84;letter-spacing:.16em;margin-bottom:7px;font:400 8px DM Mono;display:block}.media-row{border-top:1px solid #242428;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.media-row>div{flex-direction:column;min-width:0;display:flex}.media-row b{color:#c6c6c9;font-size:10px;font-weight:500}.media-row small{color:#606066;text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin-top:3px;font:400 8px DM Mono;overflow:hidden}.file-button{color:var(--accent);border:1px solid rgba(var(--accent-rgb),.35);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;flex:none;padding:7px 9px;font:500 8px DM Mono}.file-button:hover{background:rgba(var(--accent-rgb),.08)}.file-button input{display:none}.media-actions{align-items:center;gap:6px;display:flex}.media-actions button{color:#66666c;cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:7px 4px;font:500 8px DM Mono}.media-actions button:hover{color:#aaaab0}.logo-playlist{border-bottom:1px solid #242428;padding-bottom:7px}.clip-nav{border-top:1px solid #242428;grid-template-columns:25px 1fr 25px;align-items:center;gap:6px;padding:7px 0 2px;display:grid}.clip-nav button{color:#aaa;cursor:pointer;background:#18181b;border:0;height:22px;padding:0}.clip-nav span{color:#626267;text-align:center;text-overflow:ellipsis;white-space:nowrap;font:400 7px DM Mono;overflow:hidden}.media-framing{border-top:1px solid #242428;grid-template-columns:62px 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.media-framing span{color:#626267;text-transform:uppercase;letter-spacing:.08em;font:400 7px DM Mono}.media-framing select{height:28px;padding:4px 7px;font-size:9px}.clip-repeat{color:#6d6d72;grid-template-columns:1fr 48px auto;align-items:center;gap:7px;padding:7px 0 2px;font:400 7px DM Mono;display:grid}.clip-repeat input{color:#ddd;background:#0a0a0c;border:1px solid #303035;width:48px;height:25px;padding:3px 5px;font:400 9px DM Mono}.clip-repeat small{color:#515156;font:inherit}.photo-duration{border-top:1px solid #242428;padding:7px 0 3px}.clip-settings{align-items:center;gap:8px;display:flex}.clip-settings .clip-repeat{flex:1}.delete-clip{color:#a76560;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:1px solid #4b2c2a;flex:none;padding:6px 7px;font:500 7px DM Mono}.delete-clip:hover{color:#ff8e83;background:#ff5a4b0f;border-color:#8a4540}.playlist-options{border-top:1px solid #242428;grid-template-columns:1fr 96px;gap:9px;padding:9px 0;display:grid}.playlist-options label{min-width:0}.playlist-options label>span{color:#626267;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font:400 7px DM Mono;display:block}.playlist-options select{height:29px;padding:5px 7px;font-size:9px}.playlist-options input{color:#ddd;background:#0a0a0c;border:1px solid #303035;width:48px;height:29px;padding:4px 6px;font:400 9px DM Mono}.playlist-options small{color:#56565b;margin-left:5px;font:400 7px DM Mono}.switches{padding:12px 2px 6px}.logo-size{padding:4px 2px 10px;display:block}.logo-size>span{justify-content:space-between;margin-bottom:8px;display:flex}.logo-size b{color:#aaaab0;font-size:10px;font-weight:400}.logo-size output{color:var(--accent);font:400 9px DM Mono}.toggle{color:#aaaab0;cursor:pointer;justify-content:space-between;align-items:center;padding:8px 0;font-size:10px;display:flex}.toggle input{display:none}.toggle i{background:#343438;border-radius:10px;width:27px;height:15px;transition:all .2s;position:relative}.toggle i:after{content:"";background:#8b8b90;border-radius:50%;width:9px;height:9px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:rgba(var(--accent-rgb),.48)}.toggle input:checked+i:after{background:var(--accent);left:15px}footer{margin-top:auto;padding-top:16px}.save-project{color:#85858b;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#151518;border:1px solid #303034;justify-content:space-between;align-items:center;width:100%;height:36px;margin-bottom:8px;padding:0 12px;font:500 8px DM Mono;display:flex}.save-project:hover{color:#c8c8cb;border-color:#48484d}.save-project.saved{color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}.save-project.error{color:#ff8e83;border-color:#8a4540}.save-project i{font:12px Manrope}.start{color:#090a07;background:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.13em;border:0;justify-content:space-between;align-items:center;width:100%;height:55px;padding:0 9px 0 21px;font:600 10px DM Mono;transition:all .2s;display:flex}.start:hover{filter:brightness(1.13);transform:translateY(-1px)}.start i{width:37px;height:37px;color:var(--accent);background:#0b0c08;place-items:center;font:18px Manrope;display:grid}footer p{text-align:center;color:#55555b;letter-spacing:.04em;margin:11px 0 0;font:400 7px DM Mono}kbd{color:#8b8b90;border:1px solid #3b3b40;border-radius:2px;padding:2px 4px}.visualizer.show-mode.controls-idle{cursor:none}.remote-start-screen{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050507d1;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}.remote-start-screen button{color:#080906;background:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:0;justify-content:space-between;align-items:center;width:250px;height:58px;padding:0 10px 0 20px;font:700 10px DM Mono;display:flex}.remote-start-screen button i{width:38px;height:38px;color:var(--accent);background:#090a07;place-items:center;font:18px sans-serif;display:grid}.remote-start-screen p{color:#77777c;letter-spacing:.06em;font:8px DM Mono}@media (width<=1000px){.control-panel{width:380px}.visualizer{right:380px}}