@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{color:#f7f8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#08090d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{color:#f7f8ff;background:radial-gradient(circle at 75% -10%,#6c4fff21,#0000 30%),radial-gradient(circle at 25% 100%,#297fff12,#0000 30%),#08090d;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{background:linear-gradient(#ffffff03,#0000 25%),0 0;min-height:100vh;position:relative}.ambient{pointer-events:none;filter:blur(100px);opacity:.16;z-index:0;border-radius:999px;position:fixed}.ambient-one{background:#6d4aff;width:500px;height:500px;top:-260px;right:8%}.ambient-two{background:#1976ff;width:360px;height:360px;bottom:-260px;left:12%}.sidebar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0b10eb;border-right:1px solid #ffffff12;flex-direction:column;width:260px;padding:25px 18px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{background:linear-gradient(135deg,#8c67ff,#4c72ff);border-radius:11px;flex:0 0 38px;width:38px;height:38px;position:relative;box-shadow:0 0 30px #6b50ff4d}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border:2px solid #ffffffe6;border-radius:4px;position:absolute}.brand-mark:before{width:13px;height:9px;top:8px;left:7px}.brand-mark:after{width:13px;height:9px;bottom:8px;right:7px}.brand-mark span{border-radius:50%;width:7px;height:7px;top:15px;left:15px}.brand-name{letter-spacing:.12em;font-size:18px;font-weight:800;line-height:1}.brand-sub{color:#707384;letter-spacing:.24em;margin-top:6px;font-size:8px;font-weight:700}.workspace{background:#ffffff06;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:10px;margin:5px 0 28px;padding:11px;display:flex}.workspace-icon{color:#b8a9ff;background:linear-gradient(135deg,#2a2c38,#1b1d25);border:1px solid #ffffff12;border-radius:9px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.workspace-text{flex:1;min-width:0}.workspace-text small{color:#656877;letter-spacing:.12em;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.workspace-text strong{color:#e8e9ef;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.nav{flex-direction:column;gap:5px;display:flex}.nav-label{color:#525562;letter-spacing:.17em;padding:0 11px 8px;font-size:9px;font-weight:700}.nav-item{color:#777b89;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:500;transition:color .2s,background .2s,transform .2s;display:flex;position:relative}.nav-item:hover{color:#e9eaff;background:#ffffff09}.nav-item.active{color:#fff;background:linear-gradient(90deg,#7354ff2b,#7354ff0d)}.nav-item.active:before{content:"";background:#8063ff;border-radius:0 6px 6px 0;width:3px;height:22px;position:absolute;left:-18px;box-shadow:0 0 14px #8063ffcc}.nav-item.active svg{color:#a48fff}.nav-count{color:#9e8aff;background:#7e63ff21;border-radius:7px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:700;display:grid}.sidebar-bottom{margin-top:auto}.account-card{border-top:1px solid #ffffff0f;align-items:center;gap:10px;margin-top:14px;padding:14px 10px 4px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#795dff,#375fff);border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.account-info{flex:1;min-width:0}.account-info strong,.account-info span{display:block}.account-info strong{color:#e8e9ee;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.account-info span{color:#5f6270;margin-top:3px;font-size:9px}.main{z-index:1;min-height:100vh;margin-left:260px;position:relative}.topbar{z-index:15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090dbd;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.search-box{color:#5f6270;background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;width:min(410px,40vw);height:40px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#7f62ff66;box-shadow:0 0 0 3px #7f62ff0f}.search-box input{color:#dfe0e7;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.search-box input::placeholder{color:#565966}.search-box kbd{color:#5f6270;background:#ffffff06;border:1px solid #ffffff12;border-radius:6px;padding:4px 7px;font-family:inherit;font-size:9px}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.more-button,.modal-close{color:#9295a2;background:#ffffff06;border:1px solid #ffffff12;place-items:center;display:grid;position:relative}.icon-button{border-radius:11px;width:40px;height:40px}.notification-dot{background:#856aff;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:9px;box-shadow:0 0 9px #856aff}.add-device{color:#fff;background:linear-gradient(135deg,#7658f6,#5369f9);border:1px solid #9076ff66;border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 35px #5b4df029}.add-device:hover{transform:translateY(-1px);box-shadow:0 14px 40px #5b4df042}.content{width:min(1380px,100% - 68px);margin:0 auto;padding:38px 0 60px}.welcome{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.eyebrow,.section-kicker{color:#7866c9;letter-spacing:.17em;font-size:9px;font-weight:700}.eyebrow{align-items:center;gap:7px;margin-bottom:11px;display:flex}.welcome h1{color:#f4f4f7;letter-spacing:-.045em;margin:0;font-size:clamp(26px,2.4vw,37px);font-weight:650}.welcome p{color:#666977;margin-top:10px;font-size:12px}.live-system{color:#6c9884;white-space:nowrap;background:#45d09109;border:1px solid #45d0911f;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;display:flex}.pulse{background:#49d18f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #49d18f14}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.stat-card{background:linear-gradient(145deg,#ffffff09,#ffffff03),#0d0e14b8;border:1px solid #fff1;border-radius:15px;min-height:145px;padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";filter:blur(20px);background:#725bff14;border-radius:50%;width:100px;height:100px;position:absolute;top:-45px;right:-45px}.stat-card.success:after{background:#43d28e14}.stat-top{color:#6f7280;align-items:center;gap:9px;font-size:10px;font-weight:500;display:flex}.stat-icon{color:#8a8d9b;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.stat-card.success .stat-icon{color:#53c996}.stat-card.purple .stat-icon{color:#9a82ff}.stat-value{color:#f4f4f6;letter-spacing:-.04em;margin-top:17px;font-size:28px;font-weight:650;line-height:1;display:block}.stat-detail{color:#565966;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.tiny-dot{background:#49d18f;border-radius:50%;width:5px;height:5px}.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(280px,.68fr);align-items:stretch;gap:15px;display:grid}.panel{background:linear-gradient(145deg,#ffffff07,#ffffff02),#0c0d12bd;border:1px solid #fff1;border-radius:16px}.devices-panel{padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.panel-heading.compact{margin-bottom:4px}.panel-heading h2{color:#e8e9ed;letter-spacing:-.02em;margin-top:5px;font-size:16px;font-weight:600}.text-button,.filter-button{color:#6d7080;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;display:flex}.text-button:hover{color:#a18eff}.device-card{background:#ffffff04;border:1px solid #ffffff0e;border-radius:14px;grid-template-columns:minmax(230px,.78fr) minmax(300px,1.22fr);min-height:244px;display:grid;overflow:hidden}.device-preview{background:radial-gradient(circle,#664fff2b,#0000 35%),linear-gradient(145deg,#11121a,#0b0c11);border-right:1px solid #ffffff0e;place-items:center;min-height:244px;display:grid;position:relative;overflow:hidden}.device-preview:before{content:"";opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.preview-screen{aspect-ratio:16/9;background:radial-gradient(circle at 35% 60%,#237effbf,#0000 28%),radial-gradient(circle at 70% 30%,#8649ffc7,#0000 30%),#10121d;border:3px solid #2c2e39;border-radius:5px;place-items:center;width:68%;display:grid;position:relative;overflow:hidden;transform:perspective(600px)rotateX(1deg);box-shadow:0 18px 40px #00000080,0 0 45px #5946ff1c}.preview-screen:after{content:"";background:#282a34;border-radius:0 0 4px 4px;width:35%;height:6px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.preview-screen span{z-index:2;color:#ffffffeb;letter-spacing:.22em;font-size:clamp(10px,1vw,15px);font-weight:800;position:relative}.preview-glow{filter:blur(42px);opacity:.26;background:#745cff;border-radius:50%;width:65%;height:65%;position:absolute}.online-badge{color:#70ad91;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0db8;border:1px solid #4ad3921f;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;display:flex;position:absolute;bottom:15px;left:15px}.online-badge span{background:#4bd493;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #4bd493}.device-content{flex-direction:column;padding:22px;display:flex}.device-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.device-title-row h3{color:#f0f0f3;letter-spacing:-.02em;font-size:16px;font-weight:600}.device-id{color:#555866;margin-top:6px;font-size:9px;display:block}.more-button{border-radius:9px;flex:0 0 33px;width:33px;height:33px}.device-meta{color:#666a79;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:9px;display:flex}.device-meta div{align-items:center;gap:6px;display:flex}.now-playing{background:linear-gradient(90deg,#6f53ff12,#0000);border:1px solid #7b60ff1c;border-radius:11px;align-items:center;gap:11px;margin-top:auto;padding:11px;display:flex}.playing-icon{color:#9d89ff;background:#7e63ff21;border-radius:8px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.now-playing>div:nth-child(2){flex:1;min-width:0}.now-playing span,.now-playing strong{display:block}.now-playing span{color:#5d5b76;letter-spacing:.12em;margin-bottom:4px;font-size:7px;font-weight:700}.now-playing strong{color:#b9b9c5;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.playing-bars{align-items:center;gap:2px;height:20px;display:flex}.playing-bars i{background:#8069e6;border-radius:4px;width:2px;animation:1s ease-in-out infinite alternate bars}.playing-bars i:first-child{height:7px}.playing-bars i:nth-child(2){height:15px;animation-delay:.15s}.playing-bars i:nth-child(3){height:10px;animation-delay:.3s}.playing-bars i:nth-child(4){height:17px;animation-delay:.45s}@keyframes bars{0%{opacity:.45;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}.right-column{grid-template-rows:1fr auto;gap:15px;display:grid}.health-panel{min-height:285px;padding:20px;position:relative;overflow:hidden}.health-panel:after{content:"";filter:blur(30px);background:#52cf9209;border-radius:50%;width:180px;height:180px;position:absolute;top:50px;right:-70px}.health-score{color:#54c995;font-size:11px;font-weight:600}.health-ring{background:radial-gradient(circle,#0d0f14 58%,#0000 60%),conic-gradient(#4ec891 0deg 360deg);border-radius:50%;place-items:center;width:105px;height:105px;margin:20px auto;display:grid;position:relative;box-shadow:0 0 30px #4ec89114}.health-ring:after{content:"";border:1px solid #ffffff09;border-radius:50%;position:absolute;inset:6px}.health-ring-inner{z-index:2;text-align:center;position:relative}.health-ring-inner strong,.health-ring-inner span{display:block}.health-ring-inner strong{color:#e8e9ed;font-size:19px;font-weight:600}.health-ring-inner span{color:#5b5e6a;margin-top:2px;font-size:8px}.health-list{gap:8px;display:grid}.health-list div{color:#5d606d;justify-content:space-between;align-items:center;font-size:8px;display:flex}.health-list strong{color:#989ba6;font-size:8px;font-weight:500}.storage-panel{align-items:center;gap:13px;padding:16px;display:flex}.storage-icon{color:#8973ee;background:#7359ff14;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.storage-info{flex:1;min-width:0}.storage-info span,.storage-info strong{display:block}.storage-info span{color:#575a68;letter-spacing:.12em;font-size:7px;font-weight:700}.storage-info strong{color:#a6a8b2;margin-top:5px;font-size:9px;font-weight:500}.storage-track{background:#ffffff0e;border-radius:10px;height:3px;margin-top:8px;overflow:hidden}.storage-track div{border-radius:inherit;background:linear-gradient(90deg,#7559f5,#6678ff);width:8%;height:100%}.activity-panel{margin-top:15px;padding:20px}.filter-button{background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px;padding:7px 9px}.activity-row{border-top:1px solid #ffffff0b;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0 3px;display:grid}.activity-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.success-icon{color:#58bc8d;background:#46cf8f12}.activity-text strong,.activity-text span{display:block}.activity-text strong{color:#a9abb4;font-size:9px;font-weight:500}.activity-text span{color:#525560;margin-top:4px;font-size:8px}.activity-row time{color:#4e515c;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030407c7;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.pair-modal{text-align:center;background:radial-gradient(circle at 50% 0,#7353ff1f,#0000 35%),#0e0f15;border:1px solid #ffffff17;border-radius:20px;width:min(470px,100%);padding:35px;animation:.22s modalIn;position:relative;box-shadow:0 40px 100px #0000008c,0 0 80px #5c43ff12}.modal-close{border-radius:9px;width:34px;height:34px;position:absolute;top:15px;right:15px}.pair-icon{color:#917aff;background:#7457ff14;border:1px solid #876cff2e;border-radius:17px;place-items:center;width:60px;height:60px;margin:0 auto 20px;display:grid;box-shadow:0 0 40px #6f52ff14}.pair-modal h2{color:#f1f1f4;letter-spacing:-.035em;margin-top:9px;font-size:21px;font-weight:600}.pair-modal p{color:#666977;max-width:360px;margin:11px auto 0;font-size:10px;line-height:1.65}.code-inputs{grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0 20px;display:grid}.code-inputs input{aspect-ratio:.88;color:#f3f3f5;text-align:center;caret-color:#8066ff;background:#ffffff06;border:1px solid #ffffff17;border-radius:11px;outline:none;width:100%;min-width:0;font-size:20px;font-weight:650;transition:border-color .2s,box-shadow .2s}.code-inputs input:focus{border-color:#8066ffa6;box-shadow:0 0 0 3px #8066ff14,0 0 20px #8066ff0f}.code-inputs input::placeholder{color:#393b46}.pair-button{color:#fff;background:linear-gradient(135deg,#7658f6,#5369f9);border:1px solid #9176ff59;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:10px;font-weight:600;display:flex;box-shadow:0 12px 30px #5c49f024}.pair-help{color:#484b57;margin-top:14px;font-size:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-rows:auto;grid-template-columns:1fr 1fr}}@media (width<=820px){.sidebar{width:78px;padding-left:12px;padding-right:12px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand>div:last-child,.workspace-text,.workspace>svg,.nav-label,.nav-item span,.account-info,.account-card>svg{display:none}.workspace{justify-content:center}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-12px}.account-card{justify-content:center;padding-left:0;padding-right:0}.main{margin-left:78px}.content{width:calc(100% - 34px)}.topbar{padding:0 18px}.device-card{grid-template-columns:1fr}.device-preview{border-bottom:1px solid #ffffff0e;border-right:0;min-height:190px}}@media (width<=620px){.sidebar{display:none}.main{margin-left:0}.topbar{height:64px}.search-box{display:none}.top-actions{justify-content:flex-end;width:100%}.content{width:calc(100% - 28px);padding-top:26px}.welcome{flex-direction:column;align-items:flex-start}.stats-grid,.right-column{grid-template-columns:1fr}.device-content{padding:18px}.device-meta{gap:12px}.activity-row{grid-template-columns:34px minmax(0,1fr)}.activity-row time{display:none}.pair-modal{padding:28px 18px 24px}.code-inputs{gap:5px}.code-inputs input{border-radius:9px;font-size:17px}}.media-library{width:100%}.media-page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.media-page-head h1{letter-spacing:-1.2px;margin:10px 0 8px;font-size:clamp(28px,3vw,42px)}.media-page-head p{opacity:.62;margin:0}.media-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.media-summary>div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;padding:18px 20px}.media-summary span{letter-spacing:1.2px;opacity:.48;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.media-summary strong{font-size:26px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.media-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:20px;min-width:0;transition:transform .18s,border-color .18s;overflow:hidden;box-shadow:0 16px 45px #0000002e}.media-card:hover{border-color:#845ef76b;transform:translateY(-3px)}.media-preview{aspect-ratio:16/10;background:#0000004d;position:relative;overflow:hidden}.media-preview img{object-fit:cover;width:100%;height:100%;display:block}.media-video-placeholder{background:radial-gradient(circle,#734eff38,#0000 42%),#06080fe6;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.media-video-placeholder span{letter-spacing:1.5px;opacity:.5;font-size:10px;font-weight:800}.media-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1px;background:#070910b8;border:1px solid #ffffff1f;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.media-card-body{padding:15px}.media-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-card-title>div{min-width:0}.media-card-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.media-card-title span{white-space:nowrap;text-overflow:ellipsis;opacity:.46;margin-top:6px;font-size:10px;display:block;overflow:hidden}.media-empty{text-align:center;background:#ffffff06;border:1px dashed #ffffff1f;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:360px;padding:40px;display:flex}.media-empty h3{margin:5px 0 0}.media-empty p{opacity:.55;max-width:460px;margin:0 0 10px}.media-success,.media-error{border-radius:13px;margin-bottom:18px;padding:13px 16px;font-size:12px}.media-success{color:#69efad;background:#45e59a14;border:1px solid #45e59a40}.media-error{color:#ff8793;background:#ff6b7a14;border:1px solid #ff6b7a40}@media (width<=1250px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-page-head{flex-direction:column;align-items:flex-start}}@media (width<=620px){.media-summary,.media-grid{grid-template-columns:1fr}}.media-menu-wrap{flex:none;position:relative}.media-action-menu{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e16f7;border:1px solid #ffffff1a;border-radius:13px;width:145px;padding:7px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000006b}.media-action-menu button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 11px;font-size:12px;display:block}.media-action-menu button:hover{background:#ffffff12}.media-action-menu button.danger{color:#ff7b88}.media-action-menu button.danger:hover{background:#ff50641a}.media-preview-modal{background:#0b0d14;border:1px solid #ffffff1a;border-radius:22px;width:min(1000px,100vw - 60px);max-height:calc(100vh - 60px);position:relative;overflow:hidden;box-shadow:0 30px 100px #000000a6}.media-preview-modal-stage{background:#050609;justify-content:center;align-items:center;width:100%;min-height:360px;max-height:calc(100vh - 170px);display:flex;overflow:hidden}.media-preview-modal-stage img,.media-preview-modal-stage video{object-fit:contain;max-width:100%;max-height:calc(100vh - 170px);display:block}.media-preview-modal-stage video{width:100%}.media-preview-modal-info{flex-direction:column;gap:5px;padding:16px 20px;display:flex}.media-preview-modal-info strong{font-size:14px}.media-preview-modal-info span{opacity:.5;font-size:11px}@media (width<=620px){.media-preview-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.media-preview-modal-stage{min-height:240px}}.playlist-library{flex-direction:column;gap:20px;display:flex}.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;display:grid}.playlist-card{background:#0f121db8;border:1px solid #ffffff14;border-radius:18px;align-items:flex-start;gap:15px;padding:20px;display:flex}.playlist-card-icon{color:#a88cff;background:#7e57ff1f;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.playlist-card-content{flex:1;min-width:0}.playlist-card-content h3{margin:6px 0 5px;font-size:17px}.playlist-card-content p{opacity:.52;margin:0;font-size:11px}.playlist-mini-items{opacity:.66;flex-direction:column;gap:4px;margin-top:14px;font-size:11px;display:flex}.playlist-mini-items span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-card-actions{flex-direction:column;gap:8px;display:flex}.playlist-secondary,.playlist-danger{color:inherit;cursor:pointer;font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:9px 12px;font-size:11px}.playlist-danger{color:#ff7b88}.playlist-editor-modal{background:#0b0e17;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;width:min(1180px,100vw - 50px);max-height:calc(100vh - 50px);display:flex;position:relative;overflow:hidden;box-shadow:0 35px 110px #000000ad}.playlist-editor-head{padding:24px 26px 15px}.playlist-editor-head h2{margin:6px 0 15px}.playlist-name-input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:13px 14px}.playlist-editor-columns{flex:1;grid-template-columns:1fr 1.15fr;gap:14px;min-height:0;padding:0 26px 18px;display:grid;overflow:hidden}.playlist-source,.playlist-selected{background:#ffffff06;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.playlist-column-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.playlist-column-head strong{font-size:13px}.playlist-column-head span{opacity:.5;font-size:10px}.playlist-source-list,.playlist-selected-list{padding:9px;overflow:auto}.playlist-source-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:50px 1fr auto;align-items:center;gap:11px;padding:8px;display:grid}.playlist-source-item:hover{background:#ffffff0e}.playlist-source-item>div:nth-child(2),.playlist-selected-info{flex-direction:column;gap:4px;min-width:0;display:flex}.playlist-source-item strong,.playlist-selected-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.playlist-source-item span,.playlist-selected-info span{opacity:.48;font-size:9px}.playlist-thumb{color:#a88cff;background:#050609;border-radius:8px;justify-content:center;align-items:center;width:50px;height:38px;display:flex;overflow:hidden}.playlist-thumb img{object-fit:cover;width:100%;height:100%}.playlist-selected-item{background:#ffffff06;border:1px solid #ffffff0e;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:9px;margin-bottom:7px;padding:9px;display:grid}.playlist-order{color:#b49dff;background:#7e57ff1f;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.playlist-duration{align-items:center;gap:4px;display:flex}.playlist-duration input{width:55px;color:inherit;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 5px}.playlist-duration span{opacity:.5;font-size:9px}.playlist-row-actions{gap:4px;display:flex}.playlist-row-actions button{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px}.playlist-row-actions button:disabled{opacity:.22}.playlist-row-actions button.danger{color:#ff7b88}.playlist-empty-small{text-align:center;opacity:.45;padding:40px 18px;font-size:11px}.playlist-editor-footer{border-top:1px solid #ffffff12;justify-content:flex-end;gap:10px;padding:15px 26px 20px;display:flex}@media (width<=850px){.playlist-editor-columns{grid-template-columns:1fr;overflow:auto}.playlist-source,.playlist-selected{min-height:300px}}.pixena-publish-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:22px;margin-top:24px;display:grid}.pixena-publish-card{background:#11172be6;border:1px solid #919fdc29;border-radius:20px;min-width:0;padding:26px}.pixena-publish-card h2{color:#f1f4ff;margin:10px 0;font-size:21px}.pixena-publish-card>p{color:#9aa8c6;margin:0 0 22px;font-size:13px}.pixena-publish-card label{color:#cdd5ed;margin:20px 0 9px;font-size:13px;font-weight:600;display:block}.pixena-publish-card select{box-sizing:border-box;color:#f1f4ff;width:100%;font:inherit;background:#111a30;border:1px solid #33405c;border-radius:12px;outline:none;padding:14px}.pixena-publish-card select:focus{border-color:#7774ee;box-shadow:0 0 0 3px #7774ee26}.pixena-publish-card select option{color:#fff;background:#111a30}.pixena-publish-button{justify-content:center;width:100%;min-height:46px;margin-top:22px}.pixena-publish-button:disabled{opacity:.5;cursor:not-allowed}.pixena-publish-preview{color:#aebbd6;overflow-wrap:anywhere;background:#080d1d80;border:1px solid #919fdc24;border-radius:12px;margin-top:18px;padding:15px;font-size:13px}.pixena-publish-preview strong{color:#edf0ff;margin-bottom:10px;display:block}.pixena-publish-preview div{padding:5px 0}.pixena-publish-empty{color:#9aa8c6;text-align:center;padding:70px 10px;font-size:14px}.pixena-publish-item{background:#080d1d73;border:1px solid #919fdc26;border-radius:14px;margin-top:13px;padding:17px}.pixena-publish-item-top{color:#a9a6ff;align-items:center;gap:10px;display:flex}.pixena-publish-item-top strong{color:#edf0ff;overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.pixena-publish-item-top span{color:#68e4b5;white-space:nowrap;background:#37c8911a;border-radius:99px;padding:6px 9px;font-size:11px}.pixena-publish-item>p{color:#a7b4ce;margin:13px 0;font-size:13px}.pixena-publish-item-foot{color:#8795b3;justify-content:space-between;align-items:center;gap:10px;display:flex}.pixena-publish-item-foot button{font-size:12px}@media (width<=1050px){.pixena-publish-grid{grid-template-columns:1fr}}@media (width<=550px){.pixena-publish-card{padding:17px}}.dg-page{color:#eaf0ff}.dg-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dg-heading h1{margin:8px 0;font-size:30px}.dg-heading p,.dg-panel p{color:#a7b1c8}.dg-kicker{color:#a78bfa;letter-spacing:1.5px;align-items:center;gap:8px;font-size:12px;display:flex}.dg-primary,.dg-secondary,.dg-icon{cursor:pointer;font:inherit;border-radius:10px;padding:11px 16px}.dg-primary{color:#fff;background:#7555ef;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.dg-secondary{color:#e5e9f5;background:#20263a;border:1px solid #414967}.dg-icon{color:#d8def0;background:#20263a;border:1px solid #414967;padding:9px}.dg-danger{color:#ff7d8e}.dg-primary:disabled,.dg-secondary:disabled,.dg-icon:disabled{opacity:.5;cursor:not-allowed}.dg-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.dg-stats>div,.dg-panel,.dg-editor{background:#171e31;border:1px solid #303951;border-radius:16px;padding:22px}.dg-stats span{color:#a3adc3;letter-spacing:1px;font-size:12px;display:block}.dg-stats strong{margin-top:10px;font-size:30px;display:block}.dg-columns{grid-template-columns:minmax(230px,1fr) minmax(350px,1.8fr);gap:18px;display:grid}.dg-panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dg-panel-title h2{margin:0;font-size:19px}.dg-panel-title p{margin:7px 0 0}.dg-group{color:#eaf0ff;text-align:left;cursor:pointer;background:#20283e;border:1px solid #323b52;border-radius:12px;justify-content:space-between;gap:10px;width:100%;margin-bottom:10px;padding:14px;display:flex}.dg-selected{background:#2a2b4b;border-color:#9c83ff}.dg-group strong,.dg-group small,.dg-device strong,.dg-device small{display:block}.dg-group small,.dg-device small{color:#a4afc7;overflow-wrap:anywhere;margin-top:5px;font-size:11px}.dg-group em{color:#b8a8ff;white-space:nowrap;font-size:12px;font-style:normal}.dg-device{border-top:1px solid #313a51;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.dg-device-name{align-items:center;gap:12px;min-width:0;display:flex}.dg-device-name span{min-width:0}.dg-hint{font-size:13px;line-height:1.5}.dg-actions{justify-content:flex-end;gap:8px;display:flex}.dg-editor{margin-bottom:20px}.dg-editor h3{margin:0 0 16px}.dg-editor label{color:#c7cde0;margin:12px 0;display:block}.dg-editor input,.dg-editor textarea{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#101728;border:1px solid #46516a;border-radius:9px;margin-top:8px;padding:12px;display:block}.dg-alert{border-radius:10px;margin-bottom:14px;padding:12px 15px}.dg-error{color:#ffb8c4;background:#512534}.dg-success{color:#a8f3d6;background:#163f35}@media (width<=900px){.dg-columns{grid-template-columns:1fr}.dg-heading{flex-wrap:wrap}}@media (width<=550px){.dg-stats{grid-template-columns:1fr}.dg-device{flex-wrap:wrap}}.dg-page,.dg-page *{box-sizing:border-box}.dg-page .dg-panel-title h2,.dg-page .dg-panel-title h2 *,.dg-page .dg-panel h2{color:#edf0ff!important}.dg-publish{color:#eaf0ff;background:#171e31;border:1px solid #303951;border-radius:16px;margin-top:18px;padding:22px}.dg-publish h2{color:#edf0ff;margin:0 0 8px;font-size:21px}.dg-publish p{color:#a7b1c8;margin:0 0 18px}.dg-publish-controls{flex-wrap:wrap;gap:12px;display:flex}.dg-publish-controls select{color:#fff;min-width:0;font:inherit;background:#20263a;border:1px solid #414967;border-radius:10px;flex:250px;padding:12px}@media (width<=768px){.dg-page{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}.dg-heading{flex-direction:column;align-items:stretch;gap:14px;display:flex}.dg-heading h1{font-size:25px}.dg-heading>.dg-primary{align-self:stretch}.dg-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dg-stats>div{text-align:center;min-width:0;padding:12px 7px}.dg-stats span{letter-spacing:0;overflow-wrap:anywhere;font-size:9px}.dg-stats strong{font-size:24px}.dg-columns{grid-template-columns:minmax(0,1fr);gap:12px}.dg-panel,.dg-editor,.dg-publish{width:100%;min-width:0;padding:16px}.dg-panel-title{align-items:flex-start}.dg-panel-title h2{font-size:18px}.dg-group{align-items:center;width:100%;min-width:0}.dg-group span{min-width:0}.dg-device{flex-direction:column;align-items:stretch}.dg-device-name{min-width:0}.dg-device>button{width:100%;min-height:44px}.dg-actions{flex-shrink:0}.dg-publish-controls{flex-direction:column}.dg-publish-controls select,.dg-publish-controls button{width:100%;min-height:46px}}.qp-page{color:#ececff;width:100%;max-width:100%}.qp-heading{margin-bottom:24px}.qp-heading h1{margin:10px 0;font-size:clamp(26px,3vw,36px)}.qp-heading p{color:#a5a9bd;line-height:1.6}.qp-card{box-sizing:border-box;background:#171b2e;border:1px solid #343b54;border-radius:20px;flex-direction:column;gap:15px;max-width:740px;padding:clamp(18px,3vw,30px);display:flex}.qp-kicker{letter-spacing:1.5px;color:#b1a4ff;margin-top:14px;font-size:12px;font-weight:800}.qp-file{text-align:center;cursor:pointer;box-sizing:border-box;overflow-wrap:anywhere;background:#22243b;border:2px dashed #665b94;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:145px;padding:20px;display:flex}.qp-file strong{font-size:15px}.qp-file span,.qp-muted,.qp-note{color:#aeb3c7;font-size:12px}.qp-hidden-file{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.qp-switch{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qp-switch button{color:#d7d9e8;cursor:pointer;background:#242a40;border:1px solid #41475c;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;display:flex}.qp-switch button.selected{color:#fff;background:#4a3b83;border-color:#a18bff}.qp-label,.qp-duration label{color:#d5d9e9;font-size:13px;font-weight:600}.qp-card select,.qp-duration input{color:#fff;box-sizing:border-box;background:#22283e;border:1px solid #4b526b;border-radius:10px;width:100%;height:48px;padding:0 14px;font-size:14px}.qp-permanent{background:#2a2545;border:1px solid #6b5cb0;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.qp-permanent svg{color:#b9a8ff;flex-shrink:0}.qp-permanent div{flex-direction:column;gap:5px;display:flex}.qp-permanent span{color:#c0bdd2;font-size:12px;line-height:1.5}.qp-duration{flex-direction:column;gap:8px;display:flex}.qp-duration input{max-width:180px}.qp-note{margin:0;line-height:1.5}.qp-alert{border-radius:10px;padding:13px;font-size:13px;line-height:1.5}.qp-error{color:#ff9caa}.qp-alert.qp-error{background:#482434}.qp-success{color:#9af2c2;background:#193f36}.qp-status{color:#d8d1ff;background:#343054}.qp-submit{color:#fff;cursor:pointer;background:#7964e8;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;height:52px;font-size:15px;font-weight:750;display:flex}.qp-submit:disabled{opacity:.48;cursor:not-allowed}.qp-refresh{color:#c6baff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;display:inline-flex}.qp-muted{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=768px){.qp-card{max-width:100%;padding:18px}.qp-file{min-height:130px}.qp-switch button{padding:6px;font-size:13px}.qp-heading{margin-bottom:14px}}