.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sync-player-app .visible{visibility:visible}.sync-player-app .fixed{position:fixed}.sync-player-app .absolute{position:absolute}.sync-player-app .relative{position:relative}.sync-player-app .inset-0{inset:0}.sync-player-app .inset-y-0{top:0;bottom:0}.sync-player-app .bottom-0{bottom:0}.sync-player-app .left-0{left:0}.sync-player-app .right-0{right:0}.sync-player-app .z-50{z-index:50}.sync-player-app .col-span-1{grid-column:span 1/span 1}.sync-player-app .col-span-3{grid-column:span 3/span 3}.sync-player-app .my-4{margin-top:1rem;margin-bottom:1rem}.sync-player-app .mb-1{margin-bottom:.25rem}.sync-player-app .mb-4{margin-bottom:1rem}.sync-player-app .mr-2{margin-right:.5rem}.sync-player-app .mt-0\.5{margin-top:.125rem}.sync-player-app .mt-1{margin-top:.25rem}.sync-player-app .mt-2{margin-top:.5rem}.sync-player-app .mt-3{margin-top:.75rem}.sync-player-app .mt-4{margin-top:1rem}.sync-player-app .mt-5{margin-top:1.25rem}.sync-player-app .mt-6{margin-top:1.5rem}.sync-player-app .mt-auto{margin-top:auto}.sync-player-app .block{display:block}.sync-player-app .flex{display:flex}.sync-player-app .inline-flex{display:inline-flex}.sync-player-app .grid{display:grid}.sync-player-app .contents{display:contents}.sync-player-app .hidden{display:none}.sync-player-app .h-1\.5{height:.375rem}.sync-player-app .h-2{height:.5rem}.sync-player-app .h-24{height:6rem}.sync-player-app .h-4{height:1rem}.sync-player-app .h-5{height:1.25rem}.sync-player-app .h-6{height:1.5rem}.sync-player-app .h-8{height:2rem}.sync-player-app .h-full{height:100%}.sync-player-app .max-h-40{max-height:10rem}.sync-player-app .max-h-64{max-height:16rem}.sync-player-app .min-h-0{min-height:0}.sync-player-app .w-1\.5{width:.375rem}.sync-player-app .w-12{width:3rem}.sync-player-app .w-20{width:5rem}.sync-player-app .w-4{width:1rem}.sync-player-app .w-5{width:1.25rem}.sync-player-app .w-6{width:1.5rem}.sync-player-app .w-full{width:100%}.sync-player-app .min-w-0{min-width:0}.sync-player-app .max-w-2xl{max-width:42rem}.sync-player-app .max-w-3xl{max-width:48rem}.sync-player-app .max-w-5xl{max-width:64rem}.sync-player-app .max-w-xl{max-width:36rem}.sync-player-app .flex-1{flex:1}.sync-player-app .shrink-0{flex-shrink:0}.sync-player-app .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sync-player-app .cursor-pointer{cursor:pointer}.sync-player-app .resize{resize:both}.sync-player-app .appearance-none{appearance:none}.sync-player-app .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-player-app .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sync-player-app .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sync-player-app .flex-col{flex-direction:column}.sync-player-app .flex-wrap{flex-wrap:wrap}.sync-player-app .items-start{align-items:flex-start}.sync-player-app .items-end{align-items:flex-end}.sync-player-app .items-center{align-items:center}.sync-player-app .justify-center{justify-content:center}.sync-player-app .justify-between{justify-content:space-between}.sync-player-app .gap-1{gap:.25rem}.sync-player-app .gap-2{gap:.5rem}.sync-player-app .gap-3{gap:.75rem}.sync-player-app .gap-4{gap:1rem}.sync-player-app .gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.sync-player-app .gap-y-1{row-gap:.25rem}.sync-player-app :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sync-player-app :is(.space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sync-player-app :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.sync-player-app :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.sync-player-app :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.sync-player-app :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sync-player-app .self-start{align-self:flex-start}.sync-player-app .self-end{align-self:flex-end}.sync-player-app .overflow-hidden{overflow:hidden}.sync-player-app .overflow-visible{overflow:visible}.sync-player-app .overflow-y-auto{overflow-y:auto}.sync-player-app .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-player-app .rounded{border-radius:.25rem}.sync-player-app .rounded-full{border-radius:9999px}.sync-player-app .rounded-lg{border-radius:.5rem}.sync-player-app .rounded-md{border-radius:.375rem}.sync-player-app .rounded-xl{border-radius:.75rem}.sync-player-app .border{border-width:1px}.sync-player-app .border-b{border-bottom-width:1px}.sync-player-app .border-t{border-top-width:1px}.sync-player-app .border-brand-gray-light{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.sync-player-app .border-slate-700\/50{border-color:#33415580}.sync-player-app .border-white\/10{border-color:#ffffff1a}.sync-player-app .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.sync-player-app .bg-black\/15{background-color:#00000026}.sync-player-app .bg-black\/20{background-color:#0003}.sync-player-app .bg-black\/50{background-color:#00000080}.sync-player-app .bg-black\/70{background-color:#000000b3}.sync-player-app .bg-brand-gray-dark{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.sync-player-app .bg-brand-gray-light{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.sync-player-app .bg-brand-gray-medium{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.sync-player-app .bg-brand-purple{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.sync-player-app .bg-cyan-400{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity,1))}.sync-player-app .bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.sync-player-app .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.sync-player-app .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.sync-player-app .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.sync-player-app .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.sync-player-app .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.sync-player-app .bg-slate-950\/30{background-color:#0206174d}.sync-player-app .bg-violet-400{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}.sync-player-app .bg-violet-500\/30{background-color:#8b5cf64d}.sync-player-app .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.sync-player-app .bg-opacity-50{--tw-bg-opacity:.5}.sync-player-app .object-contain{-o-object-fit:contain;object-fit:contain}.sync-player-app .p-2{padding:.5rem}.sync-player-app .p-3{padding:.75rem}.sync-player-app .p-4{padding:1rem}.sync-player-app .p-6{padding:1.5rem}.sync-player-app .px-1\.5{padding-left:.375rem;padding-right:.375rem}.sync-player-app .px-4{padding-left:1rem;padding-right:1rem}.sync-player-app .px-5{padding-left:1.25rem;padding-right:1.25rem}.sync-player-app .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.sync-player-app .py-2{padding-top:.5rem;padding-bottom:.5rem}.sync-player-app .py-4{padding-top:1rem;padding-bottom:1rem}.sync-player-app .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sync-player-app .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sync-player-app .pr-1{padding-right:.25rem}.sync-player-app .pr-12{padding-right:3rem}.sync-player-app .pt-4{padding-top:1rem}.sync-player-app .pt-5{padding-top:1.25rem}.sync-player-app .text-left{text-align:left}.sync-player-app .text-center{text-align:center}.sync-player-app .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sync-player-app .text-2xl{font-size:1.5rem;line-height:2rem}.sync-player-app .text-3xl{font-size:1.875rem;line-height:2.25rem}.sync-player-app .text-\[\.65rem\]{font-size:.65rem}.sync-player-app .text-\[\.6rem\]{font-size:.6rem}.sync-player-app .text-\[\.7rem\]{font-size:.7rem}.sync-player-app .text-\[10px\]{font-size:10px}.sync-player-app .text-base{font-size:1rem;line-height:1.5rem}.sync-player-app .text-lg{font-size:1.125rem;line-height:1.75rem}.sync-player-app .text-sm{font-size:.875rem;line-height:1.25rem}.sync-player-app .text-xl{font-size:1.25rem;line-height:1.75rem}.sync-player-app .text-xs{font-size:.75rem;line-height:1rem}.sync-player-app .font-bold{font-weight:700}.sync-player-app .font-medium{font-weight:500}.sync-player-app .font-normal{font-weight:400}.sync-player-app .font-semibold{font-weight:600}.sync-player-app .uppercase{text-transform:uppercase}.sync-player-app .capitalize{text-transform:capitalize}.sync-player-app .leading-5{line-height:1.25rem}.sync-player-app .leading-6{line-height:1.5rem}.sync-player-app .leading-relaxed{line-height:1.625}.sync-player-app .leading-tight{line-height:1.25}.sync-player-app .tracking-wider{letter-spacing:.05em}.sync-player-app .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.sync-player-app .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.sync-player-app .text-brand-purple{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.sync-player-app .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.sync-player-app .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.sync-player-app .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.sync-player-app .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.sync-player-app .text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.sync-player-app .text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.sync-player-app .text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.sync-player-app .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.sync-player-app .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.sync-player-app .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.sync-player-app .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.sync-player-app .text-violet-100{--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity,1))}.sync-player-app .text-violet-200{--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity,1))}.sync-player-app .text-violet-300{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}.sync-player-app .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sync-player-app .underline{text-decoration-line:underline}.sync-player-app .accent-brand-purple{accent-color:#8b5cf6}.sync-player-app .opacity-60{opacity:.6}.sync-player-app .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.sync-player-app .outline{outline-style:solid}.sync-player-app .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sync-player-app .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sync-player-app .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sync-player-app .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sync-player-app .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sync-player-app .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sync-player-app .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sync-player-app .duration-75{transition-duration:75ms}.sync-player-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:radial-gradient(circle at 8% 0,#6d28d92e,#0000 28rem),radial-gradient(circle at 100% 20%,#1e40af1f,#0000 28rem),#080b12;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sync-player-app button,.sync-player-app input,.sync-player-app select{font:inherit}.sync-player-app button:focus-visible,.sync-player-app input:focus-visible,.sync-player-app select:focus-visible,.sync-player-app summary:focus-visible,.sync-player-app a:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.sync-player-app .studio-shell{background:linear-gradient(#0f172a59,#0000 18rem);min-height:100vh}.sync-player-app .studio-page{width:min(1500px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.sync-player-app .studio-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.sync-player-app .player-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.sync-player-app .studio-panel,.sync-player-app .player-surface,.sync-player-app .heatmap-surface{background:linear-gradient(145deg,#1e293be0,#0f172ae6);border:1px solid #94a3b821;border-radius:1.15rem;padding:1.1rem;box-shadow:0 18px 55px #00000038}.sync-player-app .player-surface{padding:clamp(1rem,2vw,1.35rem)}.sync-player-app .heatmap-surface{padding-bottom:.75rem}.sync-player-app .panel-title{color:#f8fafc;letter-spacing:-.01em;margin-top:.25rem;font-size:1.1rem;font-weight:650}.sync-player-app .panel-subtitle{color:#94a3b8;margin-top:.25rem;font-size:.78rem;line-height:1.45}.sync-player-app .eyebrow{color:#a78bfa;letter-spacing:.16em;text-transform:uppercase;font-size:.63rem;font-weight:750}.sync-player-app .count-pill,.sync-player-app .tag-pill,.sync-player-app .warning-pill,.sync-player-app .save-pill{color:#c4b5fd;vertical-align:middle;background:#6d28d91f;border:1px solid #a78bfa3d;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .5rem;font-size:.67rem;font-weight:650;display:inline-flex}.sync-player-app .warning-pill{color:#fde68a;background:#b4530926;border-color:#fbbf244d}.sync-player-app .save-pill{color:#94a3b8;background:#0f172a8c;border-color:#94a3b829}.sync-player-app .save-pill-error{color:#fca5a5;border-color:#f8717159}.sync-player-app .save-dot{background:#34d399;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 12px #34d399b3}.sync-player-app .save-pill-error .save-dot{background:#fb7185;box-shadow:0 0 12px #fb718599}.sync-player-app .primary-button,.sync-player-app .secondary-button,.sync-player-app .small-button,.sync-player-app .icon-button{cursor:pointer;border:1px solid #0000;border-radius:.7rem;transition:border-color .18s,background .18s,transform .18s,color .18s}.sync-player-app .primary-button:hover,.sync-player-app .secondary-button:hover,.sync-player-app .small-button:hover,.sync-player-app .icon-button:hover{transform:translateY(-1px)}.sync-player-app .primary-button:disabled,.sync-player-app .secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.sync-player-app .primary-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);padding:.62rem .85rem;font-size:.78rem;font-weight:700;box-shadow:0 8px 22px #6d28d93d}.sync-player-app .primary-button:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.sync-player-app .danger-button{color:#fecaca;background:#ef44442e;border:1px solid #f871713d;border-radius:.7rem;padding:.62rem .85rem;font-size:.78rem;font-weight:700}.sync-player-app .secondary-button{color:#cbd5e1;background:#0f172aa6;border-color:#94a3b829;padding:.58rem .8rem;font-size:.76rem;font-weight:650}.sync-player-app .secondary-button:hover,.sync-player-app .small-button:hover{color:#f8fafc;background:#6d28d929;border-color:#a78bfa6b}.sync-player-app .small-button{color:#a5b4fc;background:#0f172a8c;border-color:#94a3b824;padding:.36rem .55rem;font-size:.68rem;font-weight:650}.sync-player-app .icon-button{color:#94a3b8;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:inline-flex}.sync-player-app .icon-button.subtle{background:0 0}.sync-player-app .icon-button:hover{color:#fff}.sync-player-app .player-frame{aspect-ratio:16/9;background:#020617;border:1px solid #94a3b81f;border-radius:.9rem;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #0006}.sync-player-app .player-frame>div{height:100%}.sync-player-app .track-row,.sync-player-app .device-card,.sync-player-app .playlist-item-card,.sync-player-app .queue-item,.sync-player-app .playlist-nav-item,.sync-player-app .device-option{background:#0f172a8f;border:1px solid #94a3b81f}.sync-player-app .track-row{border-radius:.75rem;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.sync-player-app .track-row:hover,.sync-player-app .device-card:hover,.sync-player-app .playlist-item-card:hover{border-color:#a78bfa52}.sync-player-app .track-dot,.sync-player-app .connection-light{background:#64748b;border-radius:50%;flex:none;width:.5rem;height:.5rem}.sync-player-app .track-dot-live,.sync-player-app .connection-light-on{background:#34d399;box-shadow:0 0 12px #34d399b3}.sync-player-app .track-dot-missing{background:#fbbf24;box-shadow:0 0 10px #fbbf248c}.sync-player-app .track-name-input,.sync-player-app .device-name-input{color:#e2e8f0;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:.78rem;font-weight:650}.sync-player-app .track-name-input:focus,.sync-player-app .device-name-input:focus{color:#fff}.sync-player-app .compact-select{color:#a5b4fc;background:#0f172a;border:1px solid #94a3b824;border-radius:.45rem;max-width:5.7rem;padding:.3rem .35rem;font-size:.66rem}.sync-player-app .device-card{border-radius:.9rem;padding:.8rem}.sync-player-app .device-card-connected{border-color:#34d3993d}.sync-player-app .status-divider{color:#475569}.sync-player-app .field-label{color:#94a3b8;flex-direction:column;gap:.35rem;font-size:.68rem;font-weight:600;display:flex}.sync-player-app .field-input{color:#e2e8f0;background:#0206178c;border:1px solid #94a3b829;border-radius:.6rem;outline:none;width:100%;min-width:0;padding:.58rem .65rem;font-size:.76rem}.sync-player-app .field-input:focus{border-color:#a78bfaa6}.sync-player-app .range-input{accent-color:#8b5cf6;width:100%}.sync-player-app .position-meter{text-align:center;background:#02061773;border-radius:.65rem;min-width:3.7rem;padding:.45rem .55rem}.sync-player-app .position-meter-value{color:#c4b5fd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:700;display:block}.sync-player-app .position-meter-label{color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;display:block}.sync-player-app .advanced-details{color:#94a3b8;font-size:.7rem}.sync-player-app .advanced-details summary{cursor:pointer;color:#a5b4fc;font-weight:650}.sync-player-app .empty-state{text-align:center;border:1px dashed #94a3b833;border-radius:.85rem;padding:1.5rem 1rem}.sync-player-app .empty-state-icon{color:#8b5cf6;margin-bottom:.35rem;font-size:1.7rem;display:block}.sync-player-app .playlist-queue{max-height:32rem}.sync-player-app .queue-item{text-align:left;border-radius:.7rem;align-items:center;gap:.65rem;width:100%;padding:.6rem;transition:border-color .18s,background .18s;display:flex}.sync-player-app .queue-item:hover,.sync-player-app .queue-item-active{background:#6d28d924;border-color:#a78bfa66}.sync-player-app .queue-index{color:#8b5cf6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.sync-player-app .toast-message,.sync-player-app .status-info,.sync-player-app .status-error{border-radius:.7rem;padding:.7rem .85rem;font-size:.76rem}.sync-player-app .toast-message{z-index:60;color:#ddd6fe;background:#1e1b4bf0;border:1px solid #a78bfa4d;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 15px 40px #00000059}.sync-player-app .status-info{color:#bfdbfe;background:#1e40af21;border:1px solid #60a5fa33}.sync-player-app .status-error{color:#fecaca;background:#7f1d1d2e;border:1px solid #f8717140}.sync-player-app .studio-modal{background:#111827;border:1px solid #a78bfa3d;border-radius:1rem;box-shadow:0 25px 100px #0000008c}.sync-player-app .device-connection-modal{max-height:calc(100vh - 2rem)}.sync-player-app .script-picker-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sync-player-app .script-picker-modal{flex-direction:column;width:min(54rem,100%);max-height:min(90vh,48rem);padding:1.15rem;display:flex;overflow:hidden}.sync-player-app .script-picker-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sync-player-app .script-picker-source-actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.sync-player-app .script-picker-source-actions .primary-button,.sync-player-app .script-picker-source-actions .secondary-button{align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.sync-player-app .script-picker-toolbar{border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;padding-top:.85rem;display:flex}.sync-player-app .script-picker-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.sync-player-app .script-picker-tab{color:#94a3b8;cursor:pointer;background:#0f172a8c;border:1px solid #94a3b824;border-radius:.6rem;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.sync-player-app .script-picker-tab:hover,.sync-player-app .script-picker-tab.active{color:#ede9fe;background:#6d28d92e;border-color:#a78bfa73}.sync-player-app .script-picker-tab span{color:#a5b4fc;font-size:.62rem}.sync-player-app .script-picker-search{color:#64748b;background:#02061780;border:1px solid #94a3b829;border-radius:.6rem;align-items:center;gap:.4rem;min-width:min(17rem,100%);padding:.45rem .6rem;display:flex}.sync-player-app .script-picker-search input{color:#e2e8f0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:.72rem}.sync-player-app .script-picker-state{color:#94a3b8;text-align:center;border-radius:.7rem;margin-top:1rem;padding:1rem;font-size:.76rem}.sync-player-app .script-picker-state.status-error{text-align:left}.sync-player-app .script-picker-spinner{animation:.8s linear infinite sync-player-spin}.sync-player-app .script-picker-list{min-height:0;margin-top:1rem;padding-right:.2rem;overflow-y:auto}.sync-player-app .script-picker-card{background:#0f172a7a;border:1px solid #94a3b821;border-radius:.8rem;padding:.75rem}.sync-player-app .script-picker-card+.script-picker-card{margin-top:.6rem}.sync-player-app .script-picker-card-heading{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.sync-player-app .script-picker-card-heading h3{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.sync-player-app .script-picker-card-heading span{color:#64748b;margin-top:.2rem;font-size:.65rem;display:block}.sync-player-app .script-picker-video-link{color:#a5b4fc;white-space:nowrap;flex:none;font-size:.65rem;text-decoration:none;margin-top:0!important}.sync-player-app .script-picker-video-link:hover{color:#ede9fe;text-decoration:underline}.sync-player-app .script-picker-file-list{gap:.4rem;margin-top:.65rem;display:grid}.sync-player-app .script-picker-file{color:#94a3b8;cursor:pointer;text-align:left;background:#02061757;border:1px solid #94a3b81f;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.48rem .6rem;font-size:.67rem;display:flex}.sync-player-app .script-picker-file:hover{color:#f8fafc;background:#6d28d924;border-color:#a78bfa73}.sync-player-app .script-picker-file:disabled{cursor:wait;opacity:.55}.sync-player-app .script-picker-file>span:first-child{color:#c4b5fd;align-items:center;gap:.4rem;min-width:0;display:flex}.sync-player-app .script-picker-file strong{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:650;overflow:hidden}.sync-player-app .script-picker-empty-file{color:#64748b;font-size:.68rem}.sync-player-app .script-picker-pagination{border-top:1px solid #94a3b81f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-top:.8rem;padding-top:.75rem;display:flex}.sync-player-app .script-picker-page-summary{color:#64748b;font-size:.67rem}.sync-player-app .script-picker-page-buttons{flex-wrap:wrap;gap:.3rem;display:flex}.sync-player-app .script-picker-page-button{color:#94a3b8;cursor:pointer;background:#0f172a8c;border:1px solid #94a3b826;border-radius:.5rem;min-width:2rem;padding:.35rem .5rem;font-size:.67rem;font-weight:700}.sync-player-app .script-picker-page-button:hover,.sync-player-app .script-picker-page-button.active{color:#ede9fe;background:#6d28d92e;border-color:#a78bfa80}.sync-player-app .script-picker-page-button:disabled{cursor:not-allowed;opacity:.4}@keyframes sync-player-spin{to{transform:rotate(360deg)}}.sync-player-app .adapter-choice{color:#94a3b8;text-align:left;background:#0f172a8c;border:1px solid #94a3b821;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:flex-start;min-height:4.35rem;padding:.55rem;display:flex}.sync-player-app .adapter-choice:hover,.sync-player-app .adapter-choice-active{color:#ddd6fe;background:#6d28d92e;border-color:#a78bfa94}.sync-player-app .device-option{text-align:left;border-radius:.65rem;width:100%;padding:.6rem .7rem;display:block}.sync-player-app .device-option:hover,.sync-player-app .device-option-active{background:#6d28d924;border-color:#a78bfa80}.sync-player-app .playlist-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.sync-player-app .playlist-sidebar{flex-direction:column;min-height:430px;display:flex}.sync-player-app .playlist-nav-item{color:#94a3b8;border-radius:.65rem;align-items:center;gap:.5rem;width:100%;padding:.65rem .7rem;font-size:.78rem;display:flex}.sync-player-app .playlist-nav-item:hover,.sync-player-app .playlist-nav-item-active{color:#f8fafc;background:#6d28d924;border-color:#a78bfa59}.sync-player-app .file-pick{color:#cbd5e1;text-align:left;background:#0f172a73;border:1px dashed #94a3b83d;border-radius:.8rem;align-items:center;gap:.7rem;min-height:4.25rem;padding:.75rem;display:flex}.sync-player-app .file-pick:hover,.sync-player-app .file-pick-ready{background:#6d28d91c;border-color:#a78bfa85}.sync-player-app .tag-pill{color:#cbd5e1}.sync-player-app .tag-pill button{color:#94a3b8}.sync-player-app .playlist-item-card{border-radius:.85rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.sync-player-app .drag-handle{cursor:grab;color:#64748b;letter-spacing:-.2em}.sync-player-app .drag-handle:active{cursor:grabbing}@media (max-width:760px){.sync-player-app .studio-toolbar{flex-direction:column;align-items:flex-start}.sync-player-app .playlist-layout{grid-template-columns:minmax(0,1fr)}.sync-player-app .playlist-sidebar{min-height:auto}.sync-player-app .script-picker-toolbar{flex-direction:column;align-items:stretch}.sync-player-app .script-picker-search{min-width:0}.sync-player-app .script-picker-card-heading{flex-direction:column}}.sync-player-app .app-nav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080b12e0;border-bottom:1px solid #94a3b821;position:sticky;top:0}.sync-player-app .app-nav-inner{align-items:center;gap:.7rem;width:min(1500px,100%);min-height:4.2rem;margin:0 auto;padding:.55rem clamp(.8rem,3vw,2.5rem);display:flex}.sync-player-app .app-nav-return{color:#a5b4fc;border:1px solid #94a3b824;border-radius:.7rem;flex:none;align-items:center;gap:.35rem;min-height:2.75rem;padding:.55rem .65rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.sync-player-app .app-nav-return:hover{color:#f8fafc;background:#6d28d929;border-color:#a78bfa66}.sync-player-app .app-nav-brand{color:#f8fafc;align-items:center;gap:.6rem;min-width:0;text-decoration:none;display:inline-flex}.sync-player-app .app-nav-logo{-o-object-fit:contain;object-fit:contain;background:linear-gradient(145deg,#7c3aed4d,#1e293bcc);border:1px solid #a78bfa5c;border-radius:.8rem;flex:none;width:3rem;height:3rem;padding:.22rem;box-shadow:0 8px 25px #6d28d933}.sync-player-app .app-nav-brand-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:.84rem;font-weight:700;overflow:hidden}.sync-player-app .app-nav-primary{align-items:center;gap:.2rem;margin-left:auto;display:flex}.sync-player-app .app-nav-link{color:#94a3b8;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.55rem .85rem;font-size:.76rem;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.sync-player-app .app-nav-link:hover,.sync-player-app .app-nav-link-active{color:#ede9fe;background:#6d28d92b;border-color:#a78bfa33}.sync-player-app .app-nav-account-wrap{flex:none;position:relative}.sync-player-app .app-nav-account-button,.sync-player-app .app-nav-login{color:#cbd5e1;cursor:pointer;background:#0f172a94;border:1px solid #94a3b829;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.4rem .75rem;font-size:.74rem;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.sync-player-app .app-nav-account-button:hover,.sync-player-app .app-nav-account-button-active{color:#f8fafc;background:#6d28d933;border-color:#a78bfa6b}.sync-player-app .app-nav-account-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid #a78bfa59;border-radius:50%;flex:none;width:1.8rem;height:1.8rem}.sync-player-app .app-nav-login{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed8c}.sync-player-app .app-nav-login:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.sync-player-app .app-nav-account-loading{color:#64748b;font-size:.7rem}.sync-player-app .app-nav-account-dropdown{z-index:70;background:#0f172afa;border:1px solid #94a3b829;border-radius:.8rem;width:min(15rem,100vw - 1.5rem);padding:.45rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 20px 45px #0006}.sync-player-app .app-nav-account-dropdown a,.sync-player-app .app-nav-account-logout{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.45rem;width:100%;min-height:2.6rem;padding:.72rem .75rem;font-size:.76rem;font-weight:650;text-decoration:none;display:flex}.sync-player-app .app-nav-account-dropdown a:hover{color:#f8fafc;background:#6d28d933}.sync-player-app .app-nav-account-logout{color:#fda4af}.sync-player-app .app-nav-account-logout:hover{color:#fecdd3;background:#be185d2e}.sync-player-app .app-nav-account-summary{color:#cbd5e1;border-bottom:1px solid #94a3b81f;align-items:center;gap:.55rem;min-width:0;margin-bottom:.3rem;padding:.45rem .4rem .7rem;display:flex}.sync-player-app .app-nav-account-summary>span{flex-direction:column;gap:.12rem;min-width:0;display:flex}.sync-player-app .app-nav-account-summary strong,.sync-player-app .app-nav-account-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-player-app .app-nav-account-summary strong{color:#f8fafc;font-size:.72rem}.sync-player-app .app-nav-account-summary small{color:#64748b;font-size:.62rem}.sync-player-app .player-layout,.sync-player-app .workspace-bottom{flex-direction:column;gap:1rem;min-width:0;display:flex}.sync-player-app .video-player-root{overscroll-behavior:contain;background:#020308;width:100%;height:100%;position:relative;overflow:hidden}.sync-player-app .video-player-root video{background:#020308;width:100%;height:100%;display:block}.sync-player-app .video-controls{z-index:4;color:#f8fafc;background:linear-gradient(#0000,#020617f5 34%);padding:.7rem .8rem .8rem;position:absolute;bottom:0;left:0;right:0}.sync-player-app .video-progress-row{align-items:center;gap:.55rem;display:flex}.sync-player-app .video-progress-wrap{flex:1;min-width:0;height:1.35rem;position:relative}.sync-player-app .video-progress-track{background:#94a3b847;border-radius:999px;height:.36rem;position:absolute;top:.52rem;left:0;right:0;overflow:hidden}.sync-player-app .video-progress-played{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#22d3ee);height:100%;box-shadow:0 0 14px #8b5cf6a6}.sync-player-app .video-progress-input{cursor:pointer;appearance:none;background:0 0;width:100%;height:1.35rem;margin:0;position:absolute;inset:0}.sync-player-app .video-progress-input::-webkit-slider-runnable-track{background:0 0;height:.36rem}.sync-player-app .video-progress-input::-moz-range-track{background:0 0;height:.36rem}.sync-player-app .video-progress-input::-webkit-slider-thumb{appearance:none;background:#8b5cf6;border:2px solid #f8fafc;border-radius:50%;width:.82rem;height:.82rem;margin-top:-.23rem;box-shadow:0 0 0 4px #8b5cf633}.sync-player-app .video-progress-input::-moz-range-thumb{background:#8b5cf6;border:2px solid #f8fafc;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 4px #8b5cf633}.sync-player-app .video-time{color:#cbd5e1;text-align:center;min-width:2.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.sync-player-app .timeline-output-dot{background:#22d3ee;border-radius:50%;width:.38rem;height:.38rem;box-shadow:0 0 10px #22d3eebf}.sync-player-app .video-control-row{align-items:center;gap:.35rem;min-height:2.7rem;margin-top:.25rem;display:flex}.sync-player-app .video-control-spacer{flex:1}.sync-player-app .video-control-button{cursor:pointer;color:#e2e8f0;background:#0f172ac7;border:1px solid #94a3b82e;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.55rem;padding:.45rem .65rem;font-size:.7rem;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.sync-player-app .video-control-button:hover{background:#6d28d94d;border-color:#a78bfa8c;transform:translateY(-1px)}.sync-player-app .video-control-button:disabled{cursor:not-allowed;opacity:.35;transform:none}.sync-player-app .video-playlist-controls{align-items:center;gap:.25rem;display:inline-flex}.sync-player-app .video-icon-button{width:2.35rem;padding:.45rem}.sync-player-app .video-shuffle-active{color:#ddd6fe;background:#6d28d966;border-color:#a78bfab3;box-shadow:0 0 18px #8b5cf62e}.sync-player-app .video-autoplay-active{color:#cffafe;background:#0891b240;border-color:#22d3eea6;box-shadow:0 0 18px #22d3ee2e}.sync-player-app .video-play-button{color:#fff;background:linear-gradient(135deg,#7c3aede6,#5b21b6e6);border-color:#a78bfa73}.sync-player-app .video-load-button{color:#bfdbfe;border-color:#60a5fa4d}.sync-player-app .video-remove-button,.sync-player-app .video-remove-script-button{color:#fda4af}.sync-player-app .video-volume-control{color:#cbd5e1;background:#0f172aad;border:1px solid #94a3b824;border-radius:.65rem;align-items:center;gap:.35rem;min-height:2.55rem;padding:.35rem .5rem;font-size:.68rem;display:inline-flex}.sync-player-app .video-volume-control input{accent-color:#8b5cf6;width:12rem}.sync-player-app .preview-intensity-track{background:#0f172a;border:1px solid #94a3b82e;border-radius:.35rem;width:100%;height:.8rem;position:relative;overflow:hidden}.sync-player-app .preview-intensity-fill{background:linear-gradient(90deg,#22d3ee 0%,#8b5cf6 52%,#f472b6 100%);border-radius:.2rem;min-width:0;height:100%;transition:width 80ms linear;box-shadow:0 0 16px #8b5cf680}.sync-player-app .video-intensity-overlay{z-index:5;color:#cffafe;pointer-events:none;background:#020617db;border:1px solid #22d3ee52;border-radius:.75rem;justify-content:center;align-items:center;min-width:3.7rem;padding:.35rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:absolute;top:.7rem;right:.75rem;box-shadow:0 10px 28px #0000004d}.sync-player-app .video-intensity-value{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:850;line-height:1}.sync-player-app .video-intensity-overlay.output-tone-low{color:#a7f3d0;border-color:#34d39980;box-shadow:0 0 24px #34d39933}.sync-player-app .video-intensity-overlay.output-tone-mid{color:#fde68a;border-color:#fbbf2494;box-shadow:0 0 24px #fbbf2433}.sync-player-app .video-intensity-overlay.output-tone-high{color:#fecdd3;border-color:#fb71859e;box-shadow:0 0 24px #fb718538}.sync-player-app .video-feedback{z-index:5;color:#f5f3ff;letter-spacing:.01em;text-align:center;white-space:nowrap;background:#0f172af0;border:1px solid #a78bfa80;border-radius:1rem;min-width:min(10rem,100% - 2rem);padding:.8rem 1.25rem;font-size:clamp(1.05rem,4vw,1.7rem);font-weight:850;line-height:1.1;animation:.16s ease-out video-feedback-in,.28s ease-in 1s forwards video-feedback-out;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 14px 40px #00000073,0 0 28px #8b5cf62e}@keyframes video-feedback-in{0%{opacity:0;transform:translate(-50%,calc(.5rem - 50%))scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes video-feedback-out{0%{opacity:1}to{opacity:0}}.sync-player-app .video-now-playing-overlay{z-index:6;color:#fff;pointer-events:none;text-align:center;background:radial-gradient(circle,#0f172a94,#0000 48%);place-content:center;justify-items:center;gap:.45rem;padding:2rem;animation:.2s ease-out now-playing-in;display:grid;position:absolute;inset:0}.sync-player-app .video-now-playing-overlay span{color:#c4b5fd;letter-spacing:.18em;text-transform:uppercase;font-size:.65rem;font-weight:800}.sync-player-app .video-now-playing-overlay strong{color:#fff;text-overflow:ellipsis;text-shadow:0 4px 24px #000000a6;white-space:nowrap;max-width:min(80vw,34rem);font-size:clamp(1.25rem,3vw,2rem);line-height:1.15;overflow:hidden}@keyframes now-playing-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sync-player-app .video-disconnect-overlay{z-index:3;pointer-events:none;background:#7f1d1d33;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:absolute;inset:0}.sync-player-app .video-disconnect-overlay div{color:#fee2e2;background:#7f1d1de6;border:1px solid #fca5a599;border-radius:999px;padding:.75rem 1.1rem;font-size:.9rem;font-weight:800}.sync-player-app .control-deck{padding:1rem}.sync-player-app .control-deck-body{grid-template-columns:minmax(240px,.82fr) minmax(0,1.3fr) minmax(240px,.82fr);align-items:start;display:grid}.sync-player-app .control-deck-section{min-width:0;padding:1rem .85rem .25rem}.sync-player-app .control-deck-section+.control-deck-section{border-left:1px solid #94a3b81f}.sync-player-app .control-deck-section:first-child{padding-left:0}.sync-player-app .control-deck-section:last-child{padding-right:0}.sync-player-app .control-deck-section .empty-state{padding:1rem .7rem}.sync-player-app .control-deck-section .device-card{background:#02061747}.sync-player-app .device-advanced{position:relative}.sync-player-app .device-advanced>summary{cursor:pointer;list-style:none}.sync-player-app .device-advanced>summary::-webkit-details-marker{display:none}.sync-player-app .device-advanced-panel{z-index:30;background:#0f172afa;border:1px solid #a78bfa47;border-radius:.85rem;width:min(31rem,100vw - 2rem);max-height:min(70vh,32rem);padding:.8rem;position:absolute;top:calc(100% + .45rem);right:0;overflow-y:auto;box-shadow:0 22px 55px #00000080}.sync-player-app .device-advanced-heading{color:#ddd6fe;font-size:.72rem;font-weight:750}.sync-player-app .manual-output-panel{background:linear-gradient(145deg,#1e293bb8,#0f172ae6);border:1px solid #a78bfa33;border-radius:1rem;grid-template-columns:minmax(0,1fr) minmax(6rem,8rem);align-items:stretch;gap:1rem;padding:1rem;display:grid}.sync-player-app .manual-output-copy{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.sync-player-app .manual-output-value{color:#ddd6fe;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:800}.sync-player-app .manual-output-control{background:#070b16;border:1px solid #a78bfa59;border-radius:1rem;min-height:14rem;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #020617d9,0 10px 28px #02061738}.sync-player-app .manual-output-control:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:.7rem;position:absolute;inset:.55rem}.sync-player-app .manual-output-fill{height:var(--manual-level);background:linear-gradient(#f472b6f2,#8b5cf6e6 52%,#22d3eed9);transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 22px #8b5cf67a}.sync-player-app .manual-output-guide{z-index:1;pointer-events:none;background:#f5d0fe6b;border-radius:999px;width:.3rem;position:absolute;top:.8rem;bottom:.8rem;left:50%;transform:translate(-50%);box-shadow:0 0 12px #d8b4fe80}.sync-player-app .manual-output-thumb{z-index:4;pointer-events:none;background:#8b5cf6;border:3px solid #f5d0fe;border-radius:50%;width:1.35rem;height:1.35rem;transition:bottom 80ms linear;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 .2rem #d8b4fe29,0 0 18px #d8b4fee6}.sync-player-app .manual-output-slider{z-index:3;cursor:ns-resize;accent-color:#f5d0fe;writing-mode:vertical-lr;opacity:.1;direction:rtl;width:calc(100% - .7rem);height:calc(100% - 1.4rem);margin:0;position:absolute;inset:.7rem .35rem}.sync-player-app .manual-output-slider:disabled{cursor:not-allowed;opacity:.08}.sync-player-app .manual-output-label{z-index:3;color:#f8fafcdb;letter-spacing:.14em;text-align:center;text-shadow:0 2px 12px #020617e6;pointer-events:none;font-size:.62rem;font-weight:800;position:absolute;bottom:.8rem;left:.7rem;right:.7rem}.sync-player-app .squirt-test-panel{background:linear-gradient(145deg,#50073a5c,#0f172ae6);border:1px solid #f472b647;border-radius:1rem;padding:1rem}.sync-player-app .empty-player-prompt{z-index:2;cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1rem 7rem;transition:background .18s;display:flex;position:absolute;inset:0}.sync-player-app .empty-player-prompt:hover,.sync-player-app .empty-player-prompt:focus-visible{background:#6d28d914;outline:none}.sync-player-app .empty-player-logo{-o-object-fit:contain;object-fit:contain;opacity:.68;width:min(42%,15rem);max-height:45%}.sync-player-app .empty-player-title{color:#f8fafc;margin-top:.7rem;font-size:clamp(.9rem,2vw,1.1rem);font-weight:750}.sync-player-app .empty-player-subtitle{color:#94a3b8;margin-top:.25rem;font-size:.72rem}.sync-player-app .empty-player-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.8rem;display:flex}.sync-player-app .video-player-root:fullscreen{border-radius:0;width:100vw;height:100vh}.sync-player-app .video-player-root:fullscreen{border-radius:0;width:100vw;height:100vh}.sync-player-app .video-controls{transition:opacity .25s,transform .25s}.sync-player-app .video-player-root.fullscreen-controls-hidden .video-controls{opacity:0;pointer-events:none;transform:translateY(.65rem)}.sync-player-app .video-player-root.fullscreen-controls-visible .video-controls{opacity:1;transform:translateY(0)}.sync-player-app .player-connection-count{color:#64748b;white-space:nowrap;align-items:center;gap:.35rem;margin-left:.15rem;font-size:.65rem;display:inline-flex}.sync-player-app .timeline-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.sync-player-app .timeline-track-name{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;max-width:min(42vw,25rem);margin-top:.25rem;font-size:.72rem;display:block;overflow:hidden}.sync-player-app .timeline-readouts{align-items:center;gap:.55rem;display:flex}.sync-player-app .timeline-clock{color:#94a3b8;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.sync-player-app .timeline-scale-label{color:#64748b;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.sync-player-app .timeline-output-badge{background:#0f172ab8;border:1px solid #34d39959;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:800;display:inline-flex}.sync-player-app .timeline-output-badge.output-tone-low{color:#a7f3d0;border-color:#34d39959}.sync-player-app .timeline-output-badge.output-tone-mid{color:#fde68a;border-color:#fbbf2466}.sync-player-app .timeline-output-badge.output-tone-high{color:#fecdd3;border-color:#fb718573}.sync-player-app .timeline-output-badge.output-tone-low .timeline-output-dot{background:#34d399;box-shadow:0 0 10px #34d399bf}.sync-player-app .timeline-output-badge.output-tone-mid .timeline-output-dot{background:#fbbf24;box-shadow:0 0 10px #fbbf24bf}.sync-player-app .timeline-output-badge.output-tone-high .timeline-output-dot{background:#fb7185;box-shadow:0 0 10px #fb7185bf}.sync-player-app .heatmap-surface canvas{touch-action:none;overscroll-behavior:contain;background:linear-gradient(#1e293bf0,#0f172af5);box-shadow:inset 0 0 30px #02061747}.sync-player-app .display-setting-row{color:#cbd5e1;background:#0f172a73;border:1px solid #94a3b81f;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .7rem;display:flex}.sync-player-app .display-setting-row span{flex-direction:column;gap:.16rem;min-width:0;display:flex}.sync-player-app .display-setting-row strong{color:#e2e8f0;font-size:.76rem}.sync-player-app .display-setting-row small{color:#64748b;font-size:.64rem;line-height:1.35}.sync-player-app .display-setting-row input{accent-color:#8b5cf6;flex:none;width:1rem;height:1rem}.sync-player-app .script-preview-picker{z-index:4;color:#cbd5e1;background:#020617d1;border:1px solid #94a3b838;border-radius:.65rem;align-items:center;gap:.45rem;max-width:min(19rem,100% - 6rem);padding:.35rem .45rem .35rem .6rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 10px 28px #00000040}.sync-player-app .script-preview-picker select{color:#f8fafc;background:0 0;border:0;outline:0;min-width:0;max-width:10rem;font-size:.68rem;font-weight:700}.sync-player-app .script-preview-picker option{color:#f8fafc;background:#0f172a}.sync-player-app .draft-lane-builder{border-top:1px solid #94a3b81f;margin-top:.9rem;padding-top:.9rem}.sync-player-app .draft-lane-row{grid-template-columns:auto minmax(100px,.8fr) minmax(130px,1.2fr) minmax(120px,.8fr) auto;align-items:center;gap:.45rem;display:grid}.sync-player-app .draft-lane-row .field-input{min-width:0;padding:.48rem .55rem;font-size:.7rem}.sync-player-app .draft-lane-index{color:#8b5cf6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}@media (max-width:1120px){.sync-player-app .control-deck-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sync-player-app .control-deck-body>.control-deck-section:last-child{border-top:1px solid #94a3b81f;border-left:0;grid-column:1/-1}.sync-player-app .control-deck-body>.control-deck-section:nth-child(2){border-left:1px solid #94a3b81f}}@media (max-width:760px){.sync-player-app .app-nav-inner{min-height:3.8rem}.sync-player-app .app-nav-return span,.sync-player-app .app-nav-brand-name,.sync-player-app .app-nav-account-name{display:none}.sync-player-app .app-nav-logo{width:2.7rem;height:2.7rem}.sync-player-app .app-nav-primary{gap:.05rem}.sync-player-app .app-nav-link{min-height:2.75rem;padding:.55rem .5rem;font-size:.66rem}.sync-player-app .app-nav-account-button,.sync-player-app .app-nav-login{min-width:2.75rem;padding:.4rem .55rem}.sync-player-app .app-nav-account-button .app-nav-account-name,.sync-player-app .app-nav-login{font-size:0}.sync-player-app .app-nav-login:before{content:"↪";font-size:1rem}.sync-player-app .studio-page{padding:.85rem}.sync-player-app .player-surface-header{flex-wrap:wrap;align-items:flex-start}.sync-player-app .timeline-header{flex-direction:column;align-items:flex-start;gap:.45rem}.sync-player-app .timeline-readouts{justify-content:space-between;width:100%}.sync-player-app .control-deck{padding:.85rem}.sync-player-app .control-deck-header{flex-direction:column;align-items:stretch}.sync-player-app .control-deck-actions{justify-content:stretch}.sync-player-app .control-deck-actions>.primary-button,.sync-player-app .control-deck-actions>.secondary-button,.sync-player-app .control-deck-actions>.small-button{flex:auto;min-height:2.65rem}.sync-player-app .control-deck-body{grid-template-columns:minmax(0,1fr)}.sync-player-app .control-deck-section,.sync-player-app .control-deck-section:first-child,.sync-player-app .control-deck-section:last-child{padding:.85rem 0}.sync-player-app .control-deck-section+.control-deck-section,.sync-player-app .control-deck-body>.control-deck-section:nth-child(2),.sync-player-app .control-deck-body>.control-deck-section:last-child{border-top:1px solid #94a3b81f;border-left:0}.sync-player-app .control-deck-body>.control-deck-section:last-child{grid-column:auto}.sync-player-app .manual-output-panel{grid-template-columns:minmax(0,1fr) minmax(5.5rem,7rem);gap:.75rem;padding:.75rem}.sync-player-app .video-controls{padding:.55rem .55rem .6rem}.sync-player-app .video-control-row{flex-wrap:wrap}.sync-player-app .video-control-spacer{display:none}.sync-player-app .video-volume-control{flex:8rem}.sync-player-app .video-volume-control input{flex:1;width:auto}.sync-player-app .video-remove-button{margin-left:auto}.sync-player-app .video-feedback{text-overflow:ellipsis;max-width:calc(100% - 2rem);top:50%;bottom:auto;overflow:hidden}.sync-player-app .empty-player-prompt{justify-content:flex-start;padding:.7rem .55rem 6rem}.sync-player-app .empty-player-logo{display:none}.sync-player-app .empty-player-title{margin-top:0;font-size:.78rem}.sync-player-app .empty-player-subtitle{display:none}.sync-player-app .empty-player-actions{margin-top:.45rem}.sync-player-app .empty-player-actions .primary-button,.sync-player-app .empty-player-actions .secondary-button{min-height:2.2rem;padding:.4rem .55rem;font-size:.65rem}.sync-player-app .draft-lane-row{grid-template-columns:auto minmax(0,1fr) auto}.sync-player-app .draft-lane-row .field-input:nth-of-type(2),.sync-player-app .draft-lane-row .field-input:nth-of-type(3){grid-column:2/-1}}.sync-player-app .hover\:bg-brand-purple-light:hover{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}.sync-player-app .hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.sync-player-app .hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.sync-player-app .hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.sync-player-app .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sync-player-app .disabled\:cursor-wait:disabled{cursor:wait}.sync-player-app .disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sync-player-app .sm\:col-span-2{grid-column:span 2/span 2}.sync-player-app .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-player-app .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-player-app .sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sync-player-app .sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}@media (min-width:768px){.sync-player-app .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-player-app .md\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sync-player-app .md\:self-stretch{align-self:stretch}}@media (min-width:1024px){.sync-player-app .lg\:col-span-2{grid-column:span 2/span 2}.sync-player-app .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}