@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-base: #050508;--bg-panel: rgba(255, 255, 255, .03);--bg-card: rgba(255, 255, 255, .045);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .14);--text: #f5f5f7;--text-secondary: #98989d;--text-muted: #636366;--accent: #1db954;--accent-hover: #1ed760;--accent-dim: rgba(29, 185, 84, .14);--cyan: #64d2ff;--green: #30d158;--yellow: #ffd60a;--red: #ff453a;--red-dim: rgba(255, 69, 58, .12);--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--blur: blur(40px);--blur-sm: blur(20px);--transition: .2s ease;--glass-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 8px 32px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(29,185,84,.09),transparent 55%),radial-gradient(ellipse 55% 40% at 95% 0%,rgba(100,210,255,.06),transparent 50%),var(--bg-base);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.app-shell{min-height:100vh}.app-shell.workspace-mode{display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden}.app-shell.workspace-mode .main-content-workspace{flex:1;min-height:0;width:100%;max-width:1320px;margin:0;padding:1.25rem 1.5rem 3rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;box-sizing:border-box}.app-shell.workspace-mode .topbar{width:100%}.main-content{max-width:1320px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.topbar{display:flex;flex-direction:column;background:#121214b8;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff0a inset;position:sticky;top:0;z-index:50}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.5rem;width:100%;min-width:0}.topbar-left,.topbar-tools{display:flex;align-items:center;gap:.65rem;flex-shrink:0;min-width:0}.topbar-nav{display:flex;align-items:center;justify-content:center;gap:.35rem;flex:1;min-width:0;flex-wrap:wrap}.topbar-tools{justify-content:flex-end}.topbar-brand{display:flex;align-items:baseline;gap:.35rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.topbar-brand span:first-child{color:var(--accent)}.topbar-brand-sub{color:var(--text);font-weight:600}.topbar-menu-toggle{display:none;align-items:center;gap:.4rem}.topbar-menu-icon{position:relative;display:block;width:14px;height:2px;background:currentColor;border-radius:1px;transition:background .15s ease}.topbar-menu-icon:before,.topbar-menu-icon:after{content:"";position:absolute;left:0;width:14px;height:2px;background:currentColor;border-radius:1px;transition:transform .15s ease,top .15s ease}.topbar-menu-icon:before{top:-4px}.topbar-menu-icon:after{top:4px}.topbar-menu-toggle.active .topbar-menu-icon{background:transparent}.topbar-menu-toggle.active .topbar-menu-icon:before{top:0;transform:rotate(45deg)}.topbar-menu-toggle.active .topbar-menu-icon:after{top:0;transform:rotate(-45deg)}.topbar-mobile-nav{display:none;flex-direction:column;gap:.35rem;padding:0 1rem .85rem;border-top:1px solid var(--border);background:#0c0c0e8c}.topbar.mobile-open .topbar-mobile-nav{display:flex}.topbar-mobile-nav .btn{display:inline-flex;align-items:center;gap:.35rem;width:100%;justify-content:flex-start}.mode-pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px}.mode-pill.demo{background:#ffd60a1f;color:var(--yellow)}.mode-pill.live{background:var(--accent-dim);color:var(--accent)}.topbar-refresh{color:var(--text-muted);font-size:.75rem}.topbar-alerts-wrap,.topbar-alerts-btn{position:relative}.topbar-alerts-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center}.topbar-alerts-btn.active{color:var(--text);background:#ffffff0f}.topbar-nav .btn.active,.topbar-mobile-nav .btn.active{background:#1db9541f;border-color:#1db95459;color:var(--accent-hover)}.topbar-user-menu{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;flex-shrink:0;width:max-content;max-width:100%}.topbar-user-trigger{display:inline-flex;align-items:center;gap:.35rem;width:100%;max-width:10rem;padding:.38rem .7rem;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.topbar-user-trigger:hover,.topbar-user-trigger.active{background:#ffffff0f;border-color:#ffffff24;color:var(--text)}.topbar-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-chevron{font-size:.62rem;opacity:.75;transition:transform .15s ease}.topbar-user-trigger.active .topbar-user-chevron{transform:rotate(180deg)}.topbar-user-dropdown{position:absolute;top:calc(100% + .4rem);left:0;right:0;width:100%;box-sizing:border-box;background:#1c1c1eeb;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:70;overflow:hidden;padding:.25rem}.topbar-user-dropdown-item{display:block;width:100%;padding:.6rem .75rem;border:none;border-radius:calc(var(--radius-lg) - 2px);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-align:left;cursor:pointer}.topbar-user-dropdown-item:hover{background:#ffffff0f;color:var(--red)}@media(max-width:1100px){.topbar-nav{display:none}.topbar-menu-toggle{display:inline-flex}.topbar-inner{padding-inline:1rem}}@media(max-width:720px){.topbar-brand-sub,.topbar-refresh{display:none}.topbar-inner{gap:.5rem}.topbar-left,.topbar-tools{gap:.45rem}.topbar-user-trigger{max-width:7.5rem;padding-inline:.55rem}.topbar-menu-label{display:none}}@media(max-width:420px){.topbar-inner,.topbar-mobile-nav{padding-inline:.75rem}.topbar-workspace .topbar-user-trigger{max-width:2.35rem;padding-inline:.45rem;justify-content:center}.topbar-workspace .topbar-username,.topbar-workspace .topbar-user-chevron{display:none}}.topbar-alerts-dropdown{position:absolute;top:calc(100% + .4rem);right:0;width:min(360px,calc(100vw - 2rem));background:#1c1c1ed1;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:60;overflow:hidden}.alerts-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.alerts-dismiss-all{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.72rem;font-weight:500;padding:0}.alerts-dismiss-all:hover{color:var(--accent-hover)}.alerts-dropdown-list{max-height:280px;overflow-y:auto}.alert-item{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .85rem;border-bottom:1px solid var(--border);font-size:.8rem}.alert-item:last-child{border-bottom:none}.alert-item.alert-error .alert-text{color:#ffb4af}.alert-item.alert-warn .alert-text{color:#f6e6a7}.alert-item.alert-info .alert-text{color:#c4b5fd}.alert-text{flex:1;line-height:1.4}.alert-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0;padding:0 .15rem}.alert-dismiss:hover{color:var(--text)}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;z-index:200;display:flex;flex-direction:column;gap:.55rem;max-width:min(380px,calc(100vw - 2rem))}.toast{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#1c1c1ed1;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--glass-shadow);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-error{border-color:#ff5f5759;background:#ff5f571a}.toast-success{border-color:#1db95459;background:#1db9541a}.toast-message{flex:1;font-size:.84rem;line-height:1.45;color:var(--text)}.toast-error .toast-message{color:#ffd4d0}.toast-success .toast-message{color:#b8f0cc}.toast-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0}.toast-dismiss:hover{color:var(--text)}.confirm-overlay{z-index:150}.confirm-dialog{max-width:420px}.confirm-message{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.demo-banner{margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius-lg);background:#ffd60a12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,214,10,.18);color:#f6e6a7;font-size:.88rem}.demo-banner code{background:#00000040;padding:.1rem .35rem;border-radius:4px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.25rem}.summary-card{background:var(--bg-glass);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:1rem 1.15rem;box-shadow:var(--glass-shadow);transition:border-color var(--transition),background var(--transition)}.summary-card:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.summary-label{color:var(--text-muted);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.75rem;font-weight:700;margin:.3rem 0 .2rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.summary-value.tone-green{color:var(--green)}.summary-value.tone-cyan{color:var(--cyan)}.summary-value.tone-accent{color:var(--accent)}.summary-value.tone-yellow{color:var(--yellow)}.summary-value.tone-muted{color:var(--text-secondary)}.summary-sub{color:var(--text-muted);font-size:.75rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin:.5rem 0 .85rem}.section-header h2{margin:0;font-size:1.05rem}.section-header span{color:var(--text-muted);font-size:.82rem}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.server-card{background:var(--bg-glass);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:1rem 1.15rem;box-shadow:var(--glass-shadow);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.server-card:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.server-card-head{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.server-name-group{display:flex;align-items:center;gap:.5rem}.server-dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted)}.server-dot.online{background:var(--green);box-shadow:0 0 8px #30d15880}.server-dot.offline{background:var(--red)}.server-name{font-weight:700;font-size:.95rem}.server-host{color:var(--text-muted);font-size:.75rem;font-family:ui-monospace,monospace}.server-rename-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem}.server-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.server-stat-box{display:flex;flex-direction:column;justify-content:space-between;min-height:4.1rem;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:.5rem .55rem;box-shadow:0 1px #ffffff08 inset}.server-stat-label{color:var(--text-muted);font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-stat-value{font-size:1.25rem;font-weight:700;margin-top:.35rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.server-stat-value.small{font-size:.68rem;font-weight:600;letter-spacing:0;white-space:nowrap}.server-stat-value.cyan{color:var(--cyan)}.server-stat-value.green{color:var(--green)}.server-stat-value.yellow{color:var(--yellow)}.server-stat-clickable{border:1px solid rgba(255,255,255,.06);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.server-stat-clickable:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.server-stat-clickable:active{transform:translateY(0)}.server-body{display:flex;flex-direction:column;gap:.65rem}.server-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem}.server-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.65rem;margin-top:.75rem;border-top:1px solid rgba(255,255,255,.06);font-size:.68rem}.server-meta-inline{color:var(--text-muted);white-space:nowrap}.server-links{display:flex;align-items:center;gap:.45rem;margin-left:auto}.server-link{background:none;border:none;padding:0;font-size:.68rem;color:var(--text-muted);cursor:pointer;transition:color .15s}.server-link:hover{color:var(--text)}.server-link-warn{color:var(--yellow)}.server-link-warn:hover{color:#ffe066}.server-link-sep{color:var(--text-muted);font-size:.68rem;-webkit-user-select:none;user-select:none}.devices-modal{max-width:960px;max-height:min(92vh,900px);display:flex;flex-direction:column}.devices-modal .modal-header,.devices-modal .modal-footer{flex-shrink:0}.devices-category-strip-wrap{flex-shrink:0;padding:.55rem 1.1rem .35rem;border-bottom:1px solid var(--border)}.devices-category-card{min-width:148px}.devices-category-card-all .category-card-avatar-add{font-size:.95rem;font-weight:700}.devices-modal-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem 1.1rem;border-bottom:1px solid var(--border);flex-shrink:0}.devices-modal-toolbar-slim{gap:.45rem;padding-top:.5rem;padding-bottom:.5rem}.devices-toolbar-primary{display:flex;align-items:center;gap:.45rem;min-width:0}.devices-toolbar-primary .devices-search-field{flex:1;min-width:0;max-width:none}.devices-toolbar-primary .monitor-pause-toggle{width:auto;max-width:none;flex-shrink:0}.devices-controls-toggle.active{border-color:#1db95459;color:var(--accent-hover)}.devices-controls-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.45rem .55rem;border-radius:var(--radius);background:#ffffff06;border:1px solid rgba(255,255,255,.06)}.devices-filter-scroll{display:flex;flex-direction:column;gap:.35rem;min-width:0}.devices-group-tabs-inline,.devices-filter-tabs-inline{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.05rem}.devices-group-tabs-inline::-webkit-scrollbar,.devices-filter-tabs-inline::-webkit-scrollbar{display:none}.devices-modal-context{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-muted)}.devices-modal-context-label{color:var(--text);font-weight:600}.devices-modal-context-sep{opacity:.45;-webkit-user-select:none;user-select:none}.devices-modal-toolbar .monitor-pause-toggle:not(.inline){width:100%;max-width:100%}.devices-group-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem}.devices-group-tab{border:1px solid var(--border-glass);background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-muted);border-radius:999px;padding:.24rem .62rem;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.devices-group-tab.active{color:var(--text);border-color:#ffffff2e;background:#ffffff14}.devices-group-tab.group-free.active{border-color:#ffd60a59;background:#ffd60a1a;color:var(--yellow)}.devices-group-tab.group-prem.active{border-color:#64d2ff59;background:#64d2ff1a;color:var(--cyan)}.devices-group-quick{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.15rem}.devices-group-start.group-free{border-color:#ffd60a40;color:var(--yellow)}.devices-group-start.group-prem{border-color:#64d2ff40;color:var(--cyan)}.devices-search-row{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%}.devices-search-field{position:relative;flex:1;min-width:0;max-width:520px}.devices-search-icon{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem;pointer-events:none}.devices-search-input{padding-left:2rem;padding-right:2rem;font-size:.82rem}.devices-search-input::-webkit-search-cancel-button,.devices-search-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.devices-search-input::-ms-clear{display:none}.devices-search-clear{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:.15rem .25rem}.devices-search-clear:hover{color:var(--text)}.devices-search-count{color:var(--text-muted);font-size:.72rem;white-space:nowrap}.devices-filter-tabs{display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap}.devices-filter-tab{border:1px solid var(--border-glass);background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-muted);border-radius:999px;padding:.28rem .65rem;font-size:.72rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.devices-filter-tab:focus{outline:none}.devices-filter-tab:focus-visible{outline:2px solid rgba(29,185,84,.4);outline-offset:2px}.devices-filter-tab.active{background:#1db95424;border-color:#1db95459;color:var(--accent-hover)}.devices-modal-body{flex:1;min-height:0;overflow:auto;padding-top:.45rem;padding-bottom:.45rem;scrollbar-width:none;-ms-overflow-style:none}.devices-modal-body::-webkit-scrollbar{display:none}.devices-modal-body .empty-inline{text-align:center;padding:2.5rem 1rem}.devices-modal-list{display:grid;gap:.55rem}.devices-modal-list-dense{gap:.28rem}.devices-bulk-panel{width:100%;display:flex;flex-direction:column;gap:.55rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);background:#ffffff06}.devices-bulk-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.devices-group-playlist-hint{color:var(--text-muted);font-size:.72rem}.devices-group-select{width:auto;min-width:5.5rem;padding:.35rem .55rem;font-size:.74rem}.devices-selection-count{color:var(--text-muted);font-size:.72rem;margin-right:.15rem}.devices-group-actions{display:flex;flex-wrap:wrap;gap:.45rem}.devices-group-chip{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.35rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#0000002e}.group-badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.group-badge.group-free{background:#ffd60a1f;color:var(--yellow)}.group-badge.group-prem{background:#64d2ff1f;color:var(--cyan)}.device-row.selected{border-color:#1db95459;background:#1db9540d}.device-row-leading{display:flex;align-items:flex-start;gap:.55rem;min-width:0;flex:1}.device-row-content{min-width:0;flex:1}.device-index-field{display:inline-flex;align-items:center;gap:.15rem}.device-index-prefix{color:var(--accent-hover);font-weight:700;font-size:.9rem}.device-index-input{width:3rem;padding:.22rem .35rem;border-radius:var(--radius);border:1px solid rgba(29,185,84,.25);background:#00000047;color:var(--text);font:inherit;font-weight:700;font-size:.86rem;text-align:center}.device-index-input:focus{outline:none;border-color:#1db9548c;box-shadow:0 0 0 2px #1db9541f}.device-index-input:disabled{opacity:.55}.device-group-select{width:auto;min-width:6.5rem;padding:.24rem .45rem;border-radius:var(--radius);border:1px solid var(--border-glass);background:#00000038;color:var(--text);font:inherit;font-size:.72rem;font-weight:600}.device-group-select:focus{outline:none;border-color:#1db95473}.device-row-unlabeled{color:var(--text-muted)}.device-row-check{display:flex;align-items:center;padding-top:.15rem}.device-row-check input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.device-row-name-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.device-row-ip{font-family:ui-monospace,monospace;color:var(--cyan);font-size:.72rem}.group-mgmt-modal{max-width:960px;max-height:min(92vh,900px);display:flex;flex-direction:column}.group-mgmt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--border);flex-shrink:0}.group-mgmt-header-copy{flex:1;min-width:0}.group-mgmt-station{display:flex;flex-direction:column;gap:.25rem;min-width:11rem}.group-mgmt-station .form-input{min-width:11rem}.group-mgmt-offline{padding:.45rem 1.1rem;font-size:.72rem;color:var(--yellow);border-bottom:1px solid var(--border);flex-shrink:0}.group-mgmt-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.75rem;padding-bottom:.85rem;scrollbar-width:none;-ms-overflow-style:none}.group-mgmt-body::-webkit-scrollbar{display:none}.group-mgmt-empty{padding:2rem 1.1rem}.group-strip-wrap{flex-shrink:0;padding:0 1.1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.group-strip-wrap::-webkit-scrollbar{display:none}.group-strip{display:flex;align-items:stretch;gap:.45rem;min-width:min-content}.group-strip-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex-shrink:0;min-width:7.5rem;padding:.55rem .7rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;font:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}.group-strip-card:hover{background:#ffffff0d;border-color:#ffffff1f}.group-strip-card.active{border-color:#1db95459;background:#1db95414}.group-strip-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.group-strip-add{align-items:center;justify-content:center;border-style:dashed;min-width:6.5rem}.group-strip-add-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#ffffff0f;font-size:1rem;font-weight:700;color:var(--text-muted)}.group-add-panel{margin:0 1.1rem}.group-detail{display:flex;flex-direction:column;gap:.85rem;padding:0 1.1rem}.group-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-xl);border:1px solid rgba(255,214,10,.18);background:linear-gradient(135deg,#ffd60a0f,#1db9540d 55%,#00000040);overflow:hidden}.group-hero-glow{position:absolute;top:-40%;right:-10%;width:50%;height:140%;background:radial-gradient(circle,rgba(255,214,10,.12),transparent 70%);pointer-events:none}.group-hero-main{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;position:relative;z-index:1}.group-hero-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:.45rem .65rem;border-radius:var(--radius);font-size:.78rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}.group-hero-copy{min-width:0}.group-hero-title{margin:0;font-size:1rem;font-weight:700}.group-hero-meta{margin:.15rem 0 0;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.group-hero-actions{display:flex;gap:.45rem;flex-shrink:0;position:relative;z-index:1}.group-stats-row{display:flex;gap:.65rem}.group-settings-panel{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#ffffff06}.group-settings-main{flex:1 1 240px;min-width:0}.group-settings-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;flex-shrink:0}.group-devices-section{display:flex;flex-direction:column;gap:.45rem}.group-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.55rem;max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.group-device-grid::-webkit-scrollbar{display:none}.group-device-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:.7rem .55rem .65rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.07);background:#ffffff08}.group-device-tile-index{display:flex;justify-content:center;width:100%}.group-device-tile-model{font-size:.72rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.group-device-tile-meta{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.group-device-tile-meta .device-id-badge{max-width:100%;font-size:.6rem;padding:.2rem .45rem}.group-device-tile-track{font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.group-mgmt-modal .group-mgmt-list,.group-mgmt-modal .group-mgmt-main,.group-mgmt-modal .group-mgmt-devices{scrollbar-width:none;-ms-overflow-style:none}.group-mgmt-modal .group-mgmt-list::-webkit-scrollbar,.group-mgmt-modal .group-mgmt-main::-webkit-scrollbar,.group-mgmt-modal .group-mgmt-devices::-webkit-scrollbar{display:none}.group-mgmt-devices-hint{margin:0 0 .55rem;color:var(--text-muted);font-size:.72rem;line-height:1.4}.saved-playlist-select{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:0}.saved-playlist-select select,.saved-playlist-custom-input{width:100%}.group-mgmt-links-hint{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.4}.links-page{display:flex;flex-direction:column;gap:1rem}.links-page-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.links-page-title{margin:0;font-size:1.35rem}.links-page-sub{margin:.35rem 0 0;color:var(--text-muted);font-size:.82rem;max-width:36rem;line-height:1.45}.links-page-controls{display:flex;align-items:center;gap:.65rem}.links-station-select{width:auto;min-width:11rem}.links-station-label{color:var(--text-muted);font-size:.78rem}.links-offline-hint{color:var(--yellow);font-size:.74rem}.links-add-panel,.links-list-panel{padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#ffffff06}.links-section-title{margin:0 0 .75rem;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.links-add-form{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) auto;gap:.5rem}.links-empty{color:var(--text-muted);font-size:.82rem;padding:.5rem 0}.links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.links-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#0003}.links-edit-form{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) auto;gap:.45rem;align-items:center}.links-item-actions{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0}.links-list-copy{min-width:0;display:flex;flex-direction:column;gap:.15rem}.links-list-name{font-weight:600;font-size:.88rem}.links-list-url{color:var(--cyan);font-size:.72rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links-list-url:hover{text-decoration:underline}@media(max-width:720px){.links-add-form,.links-edit-form{grid-template-columns:1fr}}.devices-bulk-panel-compact{padding:.55rem .65rem}@media(max-width:960px){.group-settings-panel{flex-direction:column;align-items:stretch}.group-settings-controls{justify-content:flex-start}.group-hero{flex-direction:column;align-items:stretch}.group-hero-actions{justify-content:flex-end}.group-stats-row{flex-wrap:wrap}.group-device-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.server-card-offline{border-color:#ff453a38;background:#ff453a0a}.server-card-paused{border-color:#ffd60a38;background:#ffd60a08}.monitor-pause-toggle{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#ffffff06;cursor:pointer;-webkit-user-select:none;user-select:none}.monitor-pause-toggle.compact{padding:.55rem .7rem}.monitor-pause-toggle.inline{width:auto;flex-shrink:0;align-items:center;padding:.3rem .5rem .3rem .65rem;gap:.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;line-height:1}.monitor-pause-toggle.inline.is-paused{border-color:#ffd60a47;background:#ffd60a14}.monitor-pause-toggle.inline .monitor-pause-label{font-size:.72rem;white-space:nowrap}.toggle-switch-sm{width:34px;height:20px}.toggle-switch-sm .toggle-track:after{width:14px;height:14px;left:3px;transform:translateY(-50%)}.toggle-switch-sm input:checked+.toggle-track:after{transform:translate(14px,-50%)}.monitor-pause-toggle.is-paused{border-color:#ffd60a38;background:#ffd60a0f}.monitor-pause-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.monitor-pause-label{font-size:.78rem;font-weight:600;color:var(--text)}.monitor-pause-hint{font-size:.68rem;color:var(--text-muted);line-height:1.35}.monitor-pause-toggle.is-paused .monitor-pause-label{color:var(--yellow)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:42px;height:26px;flex-shrink:0}.toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle-switch input:disabled{cursor:not-allowed}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#78788052;border:1px solid rgba(255,255,255,.08);transition:background var(--transition),border-color var(--transition);box-shadow:inset 0 1px 2px #0003}.toggle-track:after{content:"";position:absolute;top:50%;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000047;transition:transform var(--transition);transform:translateY(-50%)}.toggle-switch input:checked+.toggle-track{background:#ffd60ad9;border-color:#ffd60a80}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px,-50%)}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid rgba(255,214,10,.45);outline-offset:2px}.reconnect-result{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;border-radius:var(--radius);font-size:.78rem;line-height:1.35}.reconnect-result-text{flex:1;min-width:0}.reconnect-result-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.05rem;line-height:1;flex-shrink:0;padding:0 .1rem;opacity:.65;transition:opacity var(--transition)}.reconnect-result-dismiss:hover{opacity:1}.reconnect-result.ok{background:var(--accent-dim);color:#9be7b5}.reconnect-result.fail{background:#ff5f571a;color:#ffb4af}.device-row-detect{color:var(--text-muted);font-size:.68rem;font-style:italic}.server-error{display:flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .75rem;border-radius:var(--radius);background:#ff5f571a;border:1px solid rgba(255,95,87,.25);color:#ffb4af;font-size:.8rem;line-height:1.35}.server-error-text{flex:1;min-width:0}.server-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.05rem;line-height:1;flex-shrink:0;padding:0 .1rem;opacity:.65;transition:opacity var(--transition)}.server-error-dismiss:hover{opacity:1}.server-meta{color:var(--text-muted);font-size:.75rem;margin-bottom:.65rem}.server-card-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem}.server-devices{border-top:1px solid var(--border);padding-top:.75rem;display:grid;gap:.55rem}.server-empty{color:var(--text-muted);font-size:.82rem;padding:.75rem .25rem}.device-row{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:.7rem .85rem;box-shadow:0 1px #ffffff08 inset}.device-row.offline{opacity:.55}.device-row-main{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.device-row-name{font-weight:600;font-size:.86rem}.device-row-model{color:var(--text-muted);font-size:.72rem;font-weight:500}.device-row-meta{display:flex;flex-direction:column;gap:.2rem;color:var(--text-secondary);font-size:.74rem;margin-top:.2rem}.device-row-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.device-row-id{font-family:ui-monospace,monospace;color:var(--text-muted);font-size:.72rem;word-break:break-all}.device-id-badge{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;padding:.28rem .65rem;border-radius:999px;font-family:ui-monospace,monospace;font-size:.68rem;font-weight:600;letter-spacing:.02em;word-break:break-all;background:#64d2ff1a;border:1px solid rgba(100,210,255,.28);color:var(--cyan);box-shadow:0 1px #ffffff0a inset}.group-device-meta .device-id-badge{margin-top:.15rem}.device-row-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.device-row-time{color:var(--text-muted);font-size:.7rem}.device-row-actions{display:flex;flex-wrap:wrap;gap:.4rem}.device-row-compact{display:grid;grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.38rem .55rem;max-width:100%}.devices-page .device-row-compact{grid-template-columns:minmax(7.5rem,auto) minmax(8rem,28rem) auto auto}.devices-page-stack{display:flex;flex-direction:column;gap:.65rem;width:100%;min-width:0;max-width:100%}.devices-page .devices-category-strip-wrap,.devices-page .devices-modal-toolbar,.devices-page .devices-modal-body{width:100%;box-sizing:border-box;margin:0}.devices-page .devices-category-strip-wrap{position:static;top:auto;z-index:auto;padding:.65rem .85rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#121214fa;overflow-x:auto;overflow-y:visible}.devices-page .devices-modal-toolbar{position:static;padding:.65rem .85rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#121214fa;border-bottom:1px solid var(--border)}.devices-page .devices-modal-body{overflow:visible;flex:none;min-height:auto;max-height:none;padding:0}.devices-pagination{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06)}.devices-pagination-meta{font-size:.74rem;color:var(--text-secondary);text-align:center}.devices-pagination-count{color:var(--text-muted)}.device-row-compact-leading{display:flex;align-items:center;gap:.35rem;min-width:0}.device-index-chip{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;flex-shrink:0;border-radius:8px;background:#1db9541f;border:1px solid rgba(29,185,84,.24)}.device-index-chip-readonly{padding:0}.device-index-chip-input{width:100%;height:100%;padding:0;border:none;background:transparent;color:var(--accent-hover);font:inherit;font-weight:700;font-size:.8rem;text-align:center}.device-index-chip-input:focus{outline:none}.device-index-chip-input::placeholder{color:#1db95473}.device-index-chip-input:disabled{opacity:.55}.device-index-chip-value{font-weight:700;font-size:.82rem;color:var(--accent-hover);line-height:1;text-align:center}.device-index-field-compact{width:2.6rem}.device-index-field-compact .device-index-input{width:100%;min-width:0;padding:.18rem .2rem .18rem .95rem;font-size:.72rem}.device-row-compact-index{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.15rem .35rem;border-radius:6px;background:#1db9541f;border:1px solid rgba(29,185,84,.22);color:var(--accent-hover);font-size:.72rem;font-weight:700}.device-group-select-compact{max-width:4.5rem;padding:.18rem .35rem;font-size:.68rem}.group-badge-compact{padding:.12rem .38rem;font-size:.64rem}.group-badge-compact.group-none{opacity:.45}.device-row-compact-info{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:0;background:none;border:none;padding:0;text-align:left;color:inherit;cursor:default}.device-row-compact-info.device-row-clickable{cursor:pointer}.device-row-compact-info.device-row-clickable:hover .device-row-compact-track{color:var(--text)}.device-row-compact-model{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.device-row-compact-track{font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.device-row-compact-status{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.status-badge-compact{padding:.12rem .4rem;font-size:.62rem}.device-row-compact-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.device-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;padding:0;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform .12s ease}.device-action-btn svg{width:1.05rem;height:1.05rem}.device-action-btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff29;color:var(--text)}.device-action-btn:active:not(:disabled){transform:scale(.96)}.device-action-btn:disabled{opacity:.38;cursor:not-allowed}.device-action-btn-accent{border-color:#1db95452;background:#1db9541a;color:var(--accent-hover)}.device-action-btn-accent:hover:not(:disabled){background:#1db9542e;border-color:#1db95473;color:#5fe89a}.device-action-btn-screen:hover:not(:disabled){border-color:#64d2ff59;background:#64d2ff1a;color:var(--cyan)}.device-action-loading{font-size:.95rem;line-height:1}.device-row-compact-actions .btn{min-width:1.75rem;padding:.2rem .35rem;font-size:.78rem;line-height:1}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-playing{background:var(--accent-dim);color:var(--accent)}.status-stopped,.status-paused{background:#ffd60a1f;color:var(--yellow)}.status-finished{background:#a78bfa1f;color:#a78bfa}.status-crashed,.status-error,.status-offline{background:#ff5f571f;color:var(--red)}.btn{border:1px solid var(--border-glass);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);border-radius:999px;padding:.48rem .85rem;font-size:.78rem;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);box-shadow:0 1px #ffffff0a inset}.btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-hover);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:.32rem .65rem;font-size:.72rem}.btn-ghost{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn-accent{background:#1db95429;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#1db95459;color:var(--accent-hover);font-weight:600}.btn-accent:hover:not(:disabled){background:#1db9543d;border-color:#1db95480;color:#fff}.btn-danger{background:var(--red-dim);border-color:#ff453a47;color:#ff6961}.btn-danger:hover:not(:disabled){background:#ff453a2e;border-color:#ff453a66;color:#ff8a84}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-content{width:100%;max-width:520px;max-height:min(92vh,900px);display:flex;flex-direction:column;overflow:hidden;background:#1c1c1ec7;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.modal-wide{max-width:760px}.modal-wide.devices-modal{max-width:960px}.modal-header,.modal-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header-main,.modal-header>div:first-child{flex:1;min-width:0}.modal-title{font-weight:700;font-size:1rem;word-break:break-word}.modal-subtitle{color:var(--text-muted);font-size:.8rem;margin-top:.2rem;line-height:1.4;word-break:break-word}.modal-close{flex-shrink:0;margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1}.modal-footer{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem}.modal-body{padding:1rem 1.1rem;overflow-y:auto;flex:1;min-height:0}.form-group{margin-bottom:.85rem}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:.75rem}.form-label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-size:.78rem;font-weight:500}.form-input{width:100%;padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--border-glass);background:#00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font:inherit;transition:border-color var(--transition),background var(--transition)}.form-input:focus{outline:none;border-color:#1db95466;background:#0000004d}.form-hint{color:var(--text-muted);font-size:.78rem;line-height:1.5}.form-hint code{color:var(--accent)}.test-result{margin-top:.75rem;padding:.6rem .75rem;border-radius:8px;font-size:.8rem}.test-result.ok{background:var(--accent-dim);color:#9be7b5}.test-result.fail{background:#ff5f571a;color:#ffb4af}.settings-block+.settings-block{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.settings-title{font-weight:600;margin-bottom:.35rem}.settings-text,.settings-list{color:var(--text-secondary);font-size:.84rem;line-height:1.55}.settings-list{padding-left:1.1rem}.settings-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.logs-modal-body{max-height:60vh;overflow:auto}.logs-list{font-family:ui-monospace,monospace;font-size:.74rem}.log-entry{display:grid;grid-template-columns:minmax(220px,auto) 70px 1fr;gap:.75rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.log-time{color:var(--text-muted);white-space:nowrap}.log-level-info{color:#4a9eff}.log-level-warn{color:var(--yellow)}.log-level-error{color:var(--red)}.empty-inline{color:var(--text-muted);font-size:.85rem;padding:1rem 0}.rename-group{display:inline-flex;align-items:center;gap:.35rem}.rename-input{width:10rem;padding:.25rem .45rem;font-size:.82rem}.device-row-clickable{cursor:pointer}.device-row-clickable:hover .device-id-badge{border-color:#64d2ff8c;background:#64d2ff29}.modal-overlay-screen{z-index:120;padding:1rem;overflow-y:auto}.device-screen-modal{width:min(400px,96vw);max-height:min(92vh,860px);display:flex;flex-direction:column;overflow:hidden}.device-screen-modal .modal-header,.device-screen-modal .device-screen-toolbar,.device-screen-modal .modal-footer{flex-shrink:0}.device-screen-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.65rem 1rem;border-bottom:1px solid var(--border)}.device-screen-live-toggle{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:var(--text-muted);font-size:.72rem;-webkit-user-select:none;user-select:none}.device-screen-live-toggle input{accent-color:var(--accent)}.device-screen-body{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000059}.device-screen-frame{width:100%;height:100%;max-height:min(calc(92vh - 220px),640px);display:flex;align-items:center;justify-content:center}.device-screen-stage{position:relative;width:100%;height:100%;max-width:320px;display:flex;align-items:center;justify-content:center}.device-screen-hint{position:absolute;inset:auto .65rem .65rem;padding:.35rem .55rem;border-radius:999px;background:#000000b8;color:var(--accent-hover);font-size:.68rem;font-weight:600;text-align:center;pointer-events:none}.device-screen-tap-mark{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid rgba(29,185,84,.85);background:#1db95440;pointer-events:none;animation:tap-mark-pop .45s ease-out forwards}@keyframes tap-mark-pop{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.35)}}.device-screen-image{display:block;max-width:100%;max-height:min(calc(92vh - 220px),640px);width:auto;height:auto;border-radius:calc(var(--radius) + 2px);border:2px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000073;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.device-screen-image.acting{opacity:.88}.device-screen-busy{position:absolute;top:.55rem;right:.55rem;padding:.2rem .5rem;border-radius:999px;background:#000000a6;color:var(--text-secondary);font-size:.68rem}.device-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.device-screen-footer .device-id-badge{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screens-page{display:flex;flex-direction:column;gap:1rem}.screens-page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.screens-page-title{margin:0;font-size:1.35rem;font-weight:700}.screens-page-sub{margin:.35rem 0 0;max-width:42rem;color:var(--text-muted);font-size:.82rem;line-height:1.45}.screens-page-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.screens-station-label{color:var(--text-secondary);font-size:.78rem}.screens-page-groups{display:flex;flex-direction:column;gap:.75rem}.screen-group-panel{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#ffffff05;overflow:hidden}.screen-group-toggle{width:100%;display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border:none;background:#ffffff08;color:var(--text);font:inherit;cursor:pointer;text-align:left}.screen-group-toggle:hover{background:#ffffff0d}.screen-group-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);font-size:1rem;font-weight:700;line-height:1;color:var(--accent-hover);flex-shrink:0}.screen-group-title{font-weight:700;font-size:.92rem}.screen-group-meta{color:var(--text-muted);font-size:.72rem}.screen-group-count{margin-left:auto;color:var(--text-muted);font-size:.72rem}.screen-group-panel .device-preview-grid{padding:.85rem 1rem 1rem;border-top:1px solid rgba(255,255,255,.05)}.device-wall-station-select{width:auto;min-width:11rem;padding:.4rem .65rem;font-size:.78rem}.device-wall-live-toggle{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.72rem;-webkit-user-select:none;user-select:none}.device-wall-live-toggle input{accent-color:var(--accent)}.device-wall-offline-hint{color:var(--yellow);font-size:.74rem}.device-preview-empty{color:var(--text-muted);font-size:.82rem;padding:1.5rem .5rem;text-align:center}.device-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.65rem}.device-preview-tile{width:100%;min-width:0;display:flex;flex-direction:column;gap:.3rem;padding:.45rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#00000047;cursor:pointer;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);text-align:left}.device-preview-tile:hover:not(:disabled){border-color:#1db95473;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.device-preview-tile:disabled{opacity:.55;cursor:not-allowed}.device-preview-tile-head{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.device-preview-index{font-weight:700;font-size:.82rem;color:var(--text)}.device-preview-status{width:7px;height:7px;border-radius:50%;flex-shrink:0}.device-preview-status.status-playing{background:var(--accent);box-shadow:0 0 6px #1db95499}.device-preview-status.status-stopped,.device-preview-status.status-paused{background:var(--yellow)}.device-preview-status.status-crashed,.device-preview-status.status-error,.device-preview-status.status-offline{background:var(--red)}.device-preview-status.status-finished{background:#a78bfa}.device-preview-screen{position:relative;aspect-ratio:9 / 19.5;border-radius:calc(var(--radius) - 2px);overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.06)}.device-preview-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.device-preview-refreshing{position:absolute;top:.35rem;right:.35rem;width:.45rem;height:.45rem;border-radius:50%;background:#64d2ffd9;box-shadow:0 0 6px #64d2ff80;pointer-events:none}.device-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:1rem}.device-preview-tile-foot{display:flex;flex-direction:column;gap:.1rem;min-height:1.5rem}.device-preview-playing{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-hover)}.device-preview-track{font-size:.58rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:641px)and (max-width:900px){.device-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.main-content,.app-shell.workspace-mode .main-content-workspace{padding-left:.85rem;padding-right:.85rem;padding-bottom:2rem}.screens-page{gap:.75rem}.screens-page-head{flex-direction:column;align-items:stretch;gap:.75rem}.screens-page-title{font-size:1.15rem}.screens-page-sub{font-size:.78rem}.screens-page-controls{flex-direction:column;align-items:stretch;width:100%}.device-wall-station-select,.screens-station-label{width:100%;min-width:0}.device-wall-live-toggle{justify-content:space-between;padding:.45rem .55rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.screen-group-toggle{flex-wrap:wrap;row-gap:.25rem;padding:.65rem .75rem}.screen-group-count{margin-left:0;flex-basis:100%;padding-left:1.9rem}.screen-group-panel .device-preview-grid{padding:.65rem .7rem .75rem}.device-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.device-preview-tile{padding:.38rem}.device-preview-tile:hover:not(:disabled){transform:none}.device-preview-index{font-size:.76rem}.device-preview-tile-foot{min-height:1.25rem}}@media(max-width:960px){.summary-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:1fr}.server-stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.log-entry{grid-template-columns:1fr;gap:.2rem}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.login-card{width:100%;max-width:380px;padding:1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:#1c1c1ed9;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--glass-shadow)}.login-brand{font-size:1.35rem;font-weight:700;margin-bottom:.35rem}.login-subtitle{color:var(--text-muted);font-size:.84rem;margin-bottom:1.25rem}.login-error{margin-bottom:.85rem;padding:.55rem .7rem;border-radius:var(--radius);background:#ff5f571a;border:1px solid rgba(255,95,87,.25);color:#ffb4af;font-size:.8rem}.login-submit{width:100%;margin-top:.5rem}.group-category-select{flex:0 1 180px;min-width:0}.category-summary{display:flex;gap:1rem;margin-bottom:1rem}.category-summary-stat{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:#00000026;min-width:5rem}.category-summary-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.category-summary-value{font-size:1.1rem;font-weight:700}.category-groups-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.category-groups-chips{display:flex;flex-wrap:wrap;gap:.4rem}.group-mgmt-main-actions{display:flex;gap:.45rem;flex-wrap:wrap}.category-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#64d2ff1f;border:1px solid rgba(100,210,255,.28);color:var(--cyan)}@media(max-width:900px){.modal-overlay:not(.modal-overlay-screen){padding:0;align-items:flex-end}.modal-overlay:not(.modal-overlay-screen) .category-modal{width:100%;max-width:100%;max-height:min(94vh,900px);border-bottom-left-radius:0;border-bottom-right-radius:0}.category-modal-header{flex-direction:column;align-items:stretch}.category-modal-station{width:100%}.category-hero{flex-direction:column;align-items:stretch}.category-hero-actions{justify-content:flex-start}.category-device-grid{grid-template-columns:1fr}.category-stats-row{flex-wrap:wrap}.modal-overlay:not(.modal-overlay-screen) .modal-content,.modal-overlay:not(.modal-overlay-screen) .devices-modal,.modal-overlay:not(.modal-overlay-screen) .group-mgmt-modal{width:100%;max-width:100%;max-height:min(94vh,900px);border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-header,.modal-footer,.modal-body,.devices-modal-toolbar,.group-mgmt-header,.group-mgmt-body,.group-strip-wrap,.group-detail,.group-add-panel{padding-left:.85rem;padding-right:.85rem}.group-mgmt-header{flex-wrap:wrap}.group-mgmt-station,.group-mgmt-station .form-input{width:100%}.group-settings-panel,.group-hero{flex-direction:column;align-items:stretch}.category-summary{flex-wrap:wrap}.log-entry{grid-template-columns:1fr;gap:.25rem}.device-row-main{flex-direction:column;align-items:stretch}.device-row-compact{grid-template-columns:1fr;gap:.35rem}.devices-page .device-row-compact{grid-template-columns:1fr auto;grid-template-areas:"leading actions" "info info" "status status";gap:.4rem .45rem;padding:.5rem .6rem}.devices-page .device-row-compact-leading{grid-area:leading;flex-wrap:wrap;max-width:100%}.devices-page .device-row-compact-info{grid-area:info;width:100%}.devices-page .device-row-compact-status{grid-area:status;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.devices-page .device-row-compact-actions{grid-area:actions;align-self:start}.devices-page .device-row-compact-model,.devices-page .device-row-compact-track{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row-compact-leading,.device-row-compact-status,.device-row-compact-actions{justify-content:flex-start}.device-row-compact-status{flex-direction:row;align-items:center;gap:.45rem}.devices-toolbar-primary{flex-wrap:wrap}.devices-category-strip-wrap{padding-left:.85rem;padding-right:.85rem}.device-row-stats{flex-direction:row;align-items:center;justify-content:space-between}.device-group-select{width:100%;max-width:100%}}@media(max-width:640px){.modal-overlay-screen{padding:0;align-items:flex-end}.device-screen-modal{width:100%;max-width:100%;max-height:94vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.device-screen-toolbar{gap:.35rem}.device-screen-live-toggle{margin-left:0;width:100%;justify-content:flex-end}.device-screen-footer{flex-direction:column;align-items:stretch;gap:.5rem}.device-screen-footer .btn{width:100%}.devices-search-row{flex-direction:column;align-items:stretch}.devices-search-field{max-width:none}.devices-search-count{text-align:center}.devices-bulk-row{flex-direction:column;align-items:stretch}.devices-group-playlist-hint{text-align:center}.modal-footer{flex-wrap:wrap}.group-settings-controls{flex-direction:column;align-items:stretch}.group-settings-controls .btn,.group-settings-controls .monitor-pause-toggle.inline{width:100%;justify-content:space-between}}@media(max-width:480px){.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}.confirm-dialog{max-width:100%}.devices-group-tab,.devices-filter-tab{font-size:.64rem;padding-inline:.5rem}.server-grid,.ws-analytics-kpi-row{grid-template-columns:1fr}.ws-metrics-row,.ws-metrics-row-status{grid-template-columns:1fr 1fr}.ws-total-plays-hero{flex-basis:100%}.ws-analytics-table.ws-device-table{font-size:.72rem}.ws-analytics-table.ws-device-table th,.ws-analytics-table.ws-device-table td{padding:.35rem .4rem}}.category-modal{max-width:960px;max-height:min(92vh,880px);display:flex;flex-direction:column;overflow:hidden}.category-modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);flex-shrink:0}.category-modal-header-copy{flex:1;min-width:0}.category-modal-station{flex:0 1 220px;min-width:0}.category-modal-station .form-input{font-size:.8rem}.category-modal-offline{padding:.5rem 1.1rem;color:var(--yellow);font-size:.75rem;border-bottom:1px solid var(--border);background:#ffd60a0d}.category-modal-body{flex:1;min-height:0;overflow-y:auto;padding:0;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.category-modal-body::-webkit-scrollbar{display:none}.category-strip-wrap{flex-shrink:0;position:sticky;top:0;z-index:3;margin:0;padding:.85rem 1.1rem .65rem;overflow-x:auto;overflow-y:visible;background:linear-gradient(180deg,#161618fa 75%,#16161800);border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none}.category-strip-wrap::-webkit-scrollbar{display:none}.category-strip{display:flex;gap:.55rem;min-width:min-content;padding-bottom:.15rem}.category-card-shell{position:relative;display:flex;flex-shrink:0}.category-card-shell.active .category-card{border-color:#1db95473;box-shadow:0 0 0 1px #1db95433,0 6px 18px #1db95414;background:linear-gradient(165deg,#1db9541f,#00000038)}.category-card-shell.active .category-card-avatar{color:var(--accent-hover);background:#1db95426;border-color:#1db95466}.category-card{display:flex;flex-direction:row;align-items:center;gap:.6rem;width:100%;min-width:11.5rem;max-width:14rem;min-height:3.75rem;padding:.55rem 2.2rem .55rem .7rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#ffffff0d,#0003);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.category-card:hover{border-color:#64d2ff59}.category-card-add{border-style:dashed;border-color:#ffffff24;background:#ffffff05;min-width:9.5rem;padding-right:.7rem}.category-card-avatar{width:2.35rem;height:2.35rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:var(--cyan);background:#64d2ff1f;border:1px solid rgba(100,210,255,.28)}.category-card-avatar-add{color:var(--text-muted);background:transparent;border-color:#ffffff1f;font-size:1rem;font-weight:600}.category-card-body{display:flex;flex-direction:column;gap:.12rem;min-width:0;flex:1}.category-card-label{font-size:.8rem;font-weight:600;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card-meta{font-size:.66rem;font-weight:500;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card-edit-btn{position:absolute;top:.4rem;right:.4rem;width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:var(--text-muted);font-size:.7rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.category-card-edit-btn:hover{color:var(--text);border-color:#64d2ff59;background:#64d2ff1f}.category-add-panel{flex-shrink:0;display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 1.1rem 0;padding:.75rem;border-radius:var(--radius-lg);border:1px dashed rgba(29,185,84,.35);background:#1db9540d}.category-add-panel .form-input{flex:1 1 12rem;min-width:0}.category-empty{padding:2rem 1.1rem;text-align:center}.category-detail{display:flex;flex-direction:column;gap:1rem;padding:0 1.1rem 1.25rem;flex-shrink:0}.category-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:var(--radius-xl);border:1px solid rgba(100,210,255,.2);background:linear-gradient(135deg,#64d2ff14,#1db9540f 55%,#00000040);overflow:hidden}.category-hero-glow{position:absolute;top:-40%;right:-10%;width:55%;height:140%;background:radial-gradient(circle,rgba(29,185,84,.15),transparent 70%);pointer-events:none}.category-hero-main{display:flex;align-items:flex-start;gap:.85rem;flex:1;min-width:0;position:relative;z-index:1}.category-hero-avatar{width:3.25rem;height:3.25rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:var(--cyan);background:#00000059;border:2px solid rgba(100,210,255,.35)}.category-hero-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.category-hero-id{margin:.2rem 0 0;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.category-hero-actions{display:flex;gap:.45rem;flex-shrink:0;position:relative;z-index:1}.category-edit-fields{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:280px}.category-edit-hint{margin:0;font-size:.68rem;color:var(--text-muted)}.category-stats-row{display:flex;gap:.75rem}.category-stat-ring{flex:1;min-width:5.5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#0003}.category-stat-value{font-size:1.35rem;font-weight:800;line-height:1;color:var(--text)}.category-stat-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.category-groups-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.category-groups-hint{font-size:.72rem;color:var(--text-muted)}.category-devices-section{display:flex;flex-direction:column;gap:.55rem}.category-devices-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-secondary)}.category-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.55rem;max-height:280px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.category-device-grid::-webkit-scrollbar{display:none}.category-device-tile{padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.07);background:#ffffff08}.category-device-tile-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.4rem}.category-device-index{font-weight:700;font-size:.84rem}.category-device-tile-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.category-modal-embedded{flex:1;min-height:0;max-width:none;max-height:none;background:transparent}.category-strip-embedded{padding:.65rem .75rem;margin-bottom:.65rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff05}.category-strip-embedded .category-card{min-width:8.5rem;max-width:11rem;min-height:3rem;padding:.45rem 1.9rem .45rem .6rem}.category-strip-embedded .category-card-avatar{width:2rem;height:2rem;font-size:.62rem}.category-strip-embedded .category-card-label{font-size:.76rem}.category-strip-embedded .category-card-meta{font-size:.62rem}.category-strip-embedded .category-card-add{min-width:7.5rem}.category-detail-embedded{display:block;padding:0}.category-embedded-summary,.category-embedded-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.55rem 1rem;border-bottom:1px solid var(--border);background:#ffffff05;flex-shrink:0}.category-embedded-edit-bar{align-items:flex-start}.category-embedded-edit-bar .category-edit-fields{flex:1;min-width:12rem;max-width:none}.category-embedded-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ws-stat-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:.72rem;color:var(--text-secondary)}.ws-stat-chip strong{color:var(--text);font-weight:700}.ws-stat-chip-green strong{color:var(--accent-hover)}.category-embedded-actions{display:flex;gap:.4rem;flex-shrink:0}.category-devices-section-embedded{padding:.65rem 0 1rem;gap:.45rem}.category-device-grid-embedded{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.45rem;align-content:start}.category-device-tile-compact{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.2rem .35rem;align-items:center;padding:.45rem .55rem}.category-device-tile-compact .category-device-index{grid-column:1;grid-row:1;font-size:.78rem}.category-device-tile-compact .status-badge{grid-column:2;grid-row:1;justify-self:end}.category-device-tile-compact .group-badge{grid-column:1;grid-row:2}.category-device-tile-compact .device-id-badge-compact{grid-column:2;grid-row:2;justify-self:end;font-size:.62rem;opacity:.75}.category-modal-embedded .category-add-panel{margin:.5rem 1rem 0}.category-modal-embedded .category-empty{padding:2rem 1rem}.main-content-workspace{width:100%}.station-workspace{width:100%;min-width:0;max-width:100%}.station-workspace-body{width:100%;min-width:0;max-width:100%;padding:0;overflow:visible}.station-workspace-body-panel{min-width:0;max-width:100%;display:block}.server-name-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--text);cursor:pointer;text-align:left}.server-name-link:hover{color:var(--accent-hover)}.station-workspace-top,.station-workspace-bottom,.station-workspace-tabs{display:none}.topbar-workspace{flex-shrink:0}.topbar-workspace .topbar-inner{border-bottom:1px solid rgba(255,255,255,.05)}.btn-icon-label{display:inline-flex;align-items:center;gap:.35rem}.btn-icon-label svg{width:.9rem;height:.9rem;flex-shrink:0;opacity:.9}.topbar-exit-workspace{flex-shrink:0}.topbar-workspace-brand{display:flex;flex-direction:column;gap:.08rem;min-width:0}.topbar-workspace-name{font-size:.95rem;font-weight:700;line-height:1.1}.topbar-workspace-meta{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-nav-workspace{flex:1;justify-content:center}.topbar-workspace-switcher{padding:.45rem 1.5rem .55rem;border-bottom:1px solid var(--border);background:#0000002e;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.topbar-workspace-switcher::-webkit-scrollbar{display:none}.topbar-workspace-switcher .station-switcher{min-width:min-content}.station-workspace-top-row{display:flex;align-items:flex-start;gap:.75rem}.station-workspace-back{flex-shrink:0}.station-workspace-title{margin:0;font-size:1.35rem;font-weight:700}.station-workspace-subtitle{margin:.2rem 0 0;color:var(--text-muted);font-size:.78rem}.station-switcher{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.1rem}.station-switcher::-webkit-scrollbar{display:none}.station-switcher-item{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;min-width:9rem;padding:.5rem .7rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;font:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition),background var(--transition)}.station-switcher-item:hover{background:#ffffff0d}.station-switcher-item.active{border-color:#1db95459;background:#1db95414}.station-switcher-item.offline{opacity:.72}.station-switcher-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}.station-switcher-name{font-size:.82rem;font-weight:700}.station-switcher-meta{font-size:.64rem;color:var(--text-muted);white-space:nowrap}.station-workspace-overview{display:flex;flex-direction:column;gap:.65rem}.station-workspace-overview-compact{gap:.55rem}.ws-status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.45rem .65rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.07);background:#ffffff06}.ws-status-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;font-size:.72rem;color:var(--text-secondary)}button.ws-status-chip{cursor:pointer;color:inherit;font:inherit}button.ws-status-chip:hover{background:#ffffff0f}.ws-status-chip strong{font-weight:700;color:var(--text)}.ws-status-chip.tone-green strong{color:var(--accent-hover)}.ws-status-chip.tone-yellow{border-color:#ffd60a33;background:#ffd60a0f}.ws-status-chip.tone-yellow strong{color:var(--yellow)}.ws-status-chip.muted{color:var(--text-muted);border-color:transparent;background:transparent;padding-inline:.25rem}.ws-status-link{margin-left:auto;border:none;background:none;color:var(--accent-hover);font-size:.72rem;font-weight:600;cursor:pointer;padding:.2rem 0}.ws-window-filter{display:inline-flex;flex-wrap:wrap;gap:.2rem;padding:.15rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0003}.ws-window-filter-btn{border:none;background:transparent;color:var(--text-muted);font-size:.68rem;font-weight:600;padding:.28rem .55rem;border-radius:999px;cursor:pointer}.ws-window-filter-btn:hover{color:var(--text-secondary)}.ws-window-filter-btn.active{background:#1db9542e;color:var(--accent-hover)}.ws-analytics-panel-compact{border-color:#ffffff14;background:#ffffff06}.ws-analytics-head{flex-wrap:wrap;gap:.45rem}.ws-analytics-title-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem .85rem;min-width:0}.ws-total-plays-hero{display:inline-flex;align-items:baseline;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.ws-total-plays-hero strong{font-size:1.15rem;font-weight:800;color:var(--accent-hover)}.ws-status-chip-plays{border-color:#1db95438;background:#1db95414}.ws-status-chip-plays strong{color:var(--accent-hover)}.ws-analytics-sublabel-meta{font-weight:500;color:var(--accent-hover)}.ws-analytics-body-compact{gap:.55rem;padding-top:.15rem}.ws-analytics-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.ws-analytics-kpi{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#0000001f;min-width:0}.ws-analytics-kpi:first-child .ws-analytics-kpi-val{color:var(--accent-hover)}.ws-analytics-kpi-val{font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--text)}.ws-analytics-sublabel{font-size:.72rem;color:var(--text-secondary);font-weight:600}.ws-analytics-kpi-lbl{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ws-analytics-footnote{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.4}.ws-analytics-sublabel.muted{color:var(--text-muted)}.ws-analytics-main{display:flex;flex-direction:column;gap:.45rem}.ws-analytics-chart-block{display:flex;flex-direction:column;gap:.35rem}.ws-trend-card{padding:1rem 1.15rem .9rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.07);background:#00000047}.ws-trend-card-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.ws-trend-card-body{width:100%}.ws-trend-chart-frame{position:relative;width:100%;aspect-ratio:2.15 / 1;min-height:17.5rem}.ws-trend-chart-svg{width:100%;height:100%;display:block}.ws-trend-axis-y{fill:var(--text-muted);font-size:11px;font-family:inherit;font-weight:500}.ws-trend-axis-x{fill:var(--text-muted);font-size:10px;font-family:inherit;font-weight:600;letter-spacing:.04em}.ws-trend-tooltip{position:absolute;pointer-events:none;z-index:2;display:flex;flex-direction:column;gap:.2rem;min-width:7.5rem;padding:.5rem .65rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#0c0c0cf0;box-shadow:0 8px 24px #00000073;transform:translate(-50%,calc(-100% - 12px))}.ws-trend-tooltip-date{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.ws-trend-tooltip-value{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:800;color:var(--text)}.ws-trend-tooltip-dot{width:.45rem;height:.45rem;border-radius:2px;background:#1ed760;flex-shrink:0}.ws-trend-tooltip-daily{font-size:.65rem;color:var(--text-muted)}.ws-trend-empty,.ws-inline-empty{font-size:.72rem;color:var(--text-muted);padding:.35rem 0}.ws-inline-empty.ok{color:var(--accent-hover)}.ws-group-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ws-group-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.5rem .7rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#ffffff05;font-size:.78rem;color:var(--text-secondary)}.ws-group-chip-strong{font-weight:700;color:var(--accent-hover)}.ws-group-chip .muted{color:var(--text-muted)}.ws-analytics-devices-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.ws-device-table-wrap{overflow:auto}.ws-analytics-table.ws-device-table{font-size:.82rem}.ws-analytics-table.ws-device-table th,.ws-analytics-table.ws-device-table td{padding:.6rem .85rem}.ws-analytics-table.ws-device-table th{font-size:.7rem}.ws-analytics-table.ws-device-table .col-device{width:28%;min-width:5rem}.ws-analytics-table.ws-device-table .col-group{width:18%}.ws-analytics-table.ws-device-table .col-num{width:12%;text-align:right;white-space:nowrap}.ws-analytics-table.ws-device-table tbody tr:hover{background:#ffffff08}.ws-device-pagination{margin-top:.5rem;padding-top:.55rem}.ws-overview-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.ws-panel-compact .ws-panel-head{padding:.5rem .7rem}.ws-panel-compact .ws-panel-head h3{font-size:.78rem}.ws-panel-body-compact{gap:.3rem;padding:.45rem .7rem .6rem}.ws-attention-row-compact{padding:.35rem .45rem;font-size:.72rem}.ws-metrics-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:.75rem 1rem;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.ws-metrics-section{flex:1 1 16rem;min-width:0;display:flex;flex-direction:column;gap:.45rem}.ws-metrics-section-label{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ws-metrics-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-muted);opacity:.85;font-size:.64rem}.ws-metrics-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.ws-metrics-divider{width:1px;align-self:stretch;background:#ffffff14;flex-shrink:0}.topbar-tools .monitor-pause-toggle.inline{flex-shrink:0}.topbar-pause-desktop{display:flex;align-items:center}.topbar-mobile-workspace-meta,.topbar-mobile-pause{display:none}.topbar-exit-label{white-space:nowrap}.ws-metrics-section-wide{flex:1 1 100%}.ws-metrics-row-status{grid-template-columns:repeat(6,minmax(0,1fr))}.ws-analytics-panel{border-color:#1db9541f;background:#1db95408}.ws-analytics-head-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}.ws-analytics-note{font-size:.66rem;font-weight:500;color:var(--text-muted);line-height:1.35}.ws-analytics-body{gap:.85rem}.ws-play-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.ws-play-kpi{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.07);background:#0000002e;min-width:0}.ws-play-kpi.primary{border-color:#1db95447;background:#1db95414}.ws-play-kpi-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ws-play-kpi-value{font-size:1.35rem;font-weight:800;line-height:1;color:var(--text)}.ws-play-kpi.primary .ws-play-kpi-value{color:var(--accent-hover)}.ws-play-kpi-sub{font-size:.64rem;color:var(--text-muted);line-height:1.35}.ws-analytics-subgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem;align-items:stretch}.ws-analytics-block{display:flex;flex-direction:column;gap:.5rem;min-width:0}.ws-analytics-block-wide{width:100%}.ws-analytics-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ws-analytics-block-head h4{margin:0;font-size:.76rem;font-weight:700;color:var(--text-secondary)}.ws-analytics-block-meta{font-size:.64rem;color:var(--text-muted)}.ws-trend-chart{display:flex;align-items:flex-end;gap:.35rem;min-height:7.5rem;padding:.55rem .45rem .2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#00000026}.ws-trend-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0}.ws-trend-bar-track{width:100%;height:5.5rem;display:flex;align-items:flex-end;justify-content:center}.ws-trend-bar-fill{width:72%;max-width:1.4rem;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#1db954f2,#1db95459);min-height:2px}.ws-trend-col-label{font-size:.58rem;color:var(--text-muted);white-space:nowrap;transform:rotate(-35deg);transform-origin:top center;margin-top:.15rem}.ws-analytics-table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#0000001f}.ws-analytics-table{width:100%;border-collapse:collapse;font-size:.74rem}.ws-analytics-table th,.ws-analytics-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.ws-analytics-table th{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#ffffff05}.ws-analytics-table tbody tr:last-child td{border-bottom:none}.ws-analytics-table td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.ws-analytics-table td.num.strong{color:var(--accent-hover);font-weight:700}.ws-analytics-table td.muted{color:var(--text-muted)}.ws-analytics-device-link{border:none;background:none;padding:0;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.ws-analytics-device-link:hover{color:var(--accent-hover)}.ws-metric-cell{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.45rem .35rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:inherit;font:inherit;min-width:0}.ws-metric-cell-btn{cursor:pointer;transition:background var(--transition),border-color var(--transition)}.ws-metric-cell-btn:hover{background:#ffffff0a;border-color:#ffffff14}.ws-metric-cell.muted .ws-metric-value{color:var(--text-muted)}.ws-metric-value{font-size:1.15rem;font-weight:800;line-height:1.1;color:var(--text)}.ws-metric-value.small{font-size:.88rem}.ws-metric-value.tone-cyan{color:var(--cyan)}.ws-metric-value.tone-green{color:var(--green)}.ws-metric-value.tone-yellow{color:var(--yellow)}.ws-metric-value.tone-purple{color:#a78bfa}.ws-metric-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:center;line-height:1.2}.ws-overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}.ws-overview-col{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:100%}.ws-panel-health,.ws-panel-attention{flex:0 0 auto;min-height:8.5rem}.ws-panel-grow{flex:1 1 auto;display:flex;flex-direction:column;min-height:10rem}.ws-panel-body-grow{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.ws-panel-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;padding:1rem .75rem}.ws-panel-summary strong{font-size:1.05rem;color:var(--text)}.ws-panel-summary span{font-size:.76rem;color:var(--text-muted);max-width:16rem;line-height:1.4}.ws-inline-play-stats{display:flex;flex-direction:column;gap:.35rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06)}.ws-inline-play-stat{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.72rem;color:var(--text-muted)}.ws-inline-play-stat span:not(.group-badge) strong,.ws-inline-play-stat span:not(.group-badge){color:var(--text-secondary)}.ws-panel-empty-ok{color:var(--accent-hover)}.ws-panel-empty-compact{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left}.ws-attention-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.45rem .55rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:inherit;font:inherit;font-size:.78rem;cursor:pointer;text-align:left}.ws-attention-row:hover{background:#ffffff0d}.ws-device-preview-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.4rem;width:100%;padding:.4rem .5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:inherit;font:inherit;text-align:left;cursor:pointer}.ws-device-preview-row:hover{background:#ffffff0d}.ws-device-preview-index{font-size:.76rem;font-weight:700;min-width:1.75rem}.ws-device-preview-track{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ws-view-more{margin-top:.25rem;padding:.4rem .5rem;width:100%;border:none;border-radius:var(--radius);background:#1db95414;color:var(--accent-hover);font-size:.72rem;font-weight:600;cursor:pointer;text-align:center}.ws-view-more:hover{background:#1db95424}.ws-panel{display:flex;flex-direction:column;min-height:0;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff06;overflow:hidden}.ws-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.ws-panel-head h3{margin:0;font-size:.82rem;font-weight:700}.ws-panel-count{font-size:.72rem;color:var(--text-muted);font-weight:600}.ws-panel-count.warn{color:var(--yellow)}.ws-panel-body{display:flex;flex-direction:column;gap:.45rem;padding:.65rem .85rem .85rem;flex:1;min-height:0}.ws-panel-scroll{overflow:visible;max-height:none}.ws-panel-empty{font-size:.78rem;color:var(--text-muted);padding:.5rem 0}.ws-group-row{display:flex;flex-direction:column;gap:.35rem}.ws-group-row-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ws-group-row-meta{font-size:.72rem;color:var(--text-muted)}.ws-group-bar{height:.35rem;border-radius:999px;background:#ffffff0f;overflow:hidden}.ws-group-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#64d2ff)}.ws-device-row{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:.4rem;width:100%;padding:.45rem .55rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:inherit;font:inherit;text-align:left;cursor:pointer}.ws-device-row:hover{background:#ffffff0d;border-color:#ffffff1a}.ws-device-row-label{font-size:.78rem;font-weight:700;white-space:nowrap}.ws-device-row-track{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ws-log-row{display:grid;grid-template-columns:5.5rem 1fr;gap:.5rem;font-size:.72rem;line-height:1.35;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.ws-log-row:last-child{border-bottom:none}.ws-log-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.ws-log-msg{color:var(--text-secondary);min-width:0}.ws-log-warn .ws-log-msg{color:var(--yellow)}.ws-log-error .ws-log-msg{color:var(--red)}.ws-stats-note{font-size:.72rem;line-height:1.45;color:var(--text-muted);padding:.75rem .85rem;border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.1);background:#ffffff05}.ws-stats-note strong{color:var(--text-secondary)}.ws-stats-note code{font-size:.68rem}.station-workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.station-workspace-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;color:inherit;font:inherit}.station-workspace-stat-static{cursor:default}.station-workspace-stat-value{font-size:1.35rem;font-weight:800;line-height:1}.station-workspace-stat-value.small{font-size:.95rem}.station-workspace-stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.station-workspace-quick{display:flex;flex-wrap:wrap;gap:.45rem}.workspace-embedded{width:100%}.workspace-embedded.devices-workspace-panel.devices-page{display:block;max-width:none;max-height:none;width:100%;min-width:0;overflow-x:hidden}.workspace-embedded.devices-workspace-panel .devices-modal-list{position:relative;z-index:0}.workspace-embedded.category-workspace-panel,.workspace-embedded.group-workspace-panel{display:block;max-height:none}.workspace-embedded.category-workspace-panel .category-modal,.workspace-embedded.group-workspace-panel .group-mgmt-modal{max-width:none;max-height:none;display:block}.workspace-embedded.category-workspace-panel .category-modal-body{overflow:visible;display:block}.workspace-embedded.group-workspace-panel .group-mgmt-body{overflow:visible}.workspace-embedded.logs-workspace-panel{display:block;max-height:none}.workspace-embedded.logs-workspace-panel .logs-modal-body{overflow:visible;flex:none;min-height:auto;max-height:none}.workspace-embedded-footer{display:flex;gap:.45rem;padding-top:.65rem;flex-shrink:0}.screens-page-embedded,.links-page-embedded{display:block;gap:.65rem}.screens-page-embedded .screens-page-groups{overflow:visible;max-height:none}.screens-page-embedded-bar{display:flex;justify-content:flex-end;flex-shrink:0}@media(max-width:900px){.ws-metrics-bar{flex-direction:column}.ws-metrics-divider{width:100%;height:1px}.ws-metrics-row,.ws-metrics-row-status{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-analytics-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-overview-bottom,.ws-overview-columns{grid-template-columns:1fr}}@media(max-width:720px){.ws-metrics-row,.ws-metrics-row-status{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-analytics-kpi-row{grid-template-columns:1fr 1fr}.ws-status-link{margin-left:0;width:100%;justify-content:flex-start}.ws-device-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.ws-device-row .status-badge,.ws-device-row .group-badge{grid-row:2}.ws-device-row-track{grid-column:1 / -1;grid-row:3}.topbar-workspace-switcher{padding-left:.85rem;padding-right:.85rem}.app-shell.workspace-mode .main-content-workspace,.devices-page .devices-category-strip-wrap,.devices-page .devices-modal-toolbar{padding-left:.65rem;padding-right:.65rem}.devices-toolbar-primary{flex-wrap:wrap}.devices-toolbar-primary .devices-search-field{flex:1 1 100%;order:2}.devices-toolbar-primary .monitor-pause-toggle{flex:1 1 auto;min-width:0}.devices-pagination{flex-wrap:wrap;justify-content:center}.devices-pagination-meta{flex:1 1 100%;order:-1}.topbar-workspace-meta{max-width:9rem}.topbar-workspace .topbar-inner{padding:.6rem .75rem;gap:.4rem}.topbar-workspace .topbar-left{flex:1 1 auto;flex-shrink:1;min-width:0;overflow:hidden}.topbar-workspace .topbar-tools{flex:0 0 auto;gap:.3rem}.topbar-workspace-brand{min-width:0;flex:1}.topbar-workspace-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.topbar-workspace-meta,.topbar-exit-label{display:none}.topbar-exit-workspace{padding-inline:.5rem}.topbar-pause-desktop{display:none}.topbar-mobile-workspace-meta{display:flex;flex-direction:column;gap:.12rem;padding:.15rem .15rem .45rem;margin-bottom:.15rem;border-bottom:1px solid rgba(255,255,255,.06)}.topbar-mobile-workspace-name{font-size:.88rem;font-weight:700;color:var(--text)}.topbar-mobile-workspace-host{font-size:.68rem;color:var(--text-muted);font-family:ui-monospace,monospace;word-break:break-all}.topbar-mobile-pause{display:block;padding:.15rem 0 .35rem;margin-bottom:.15rem;border-bottom:1px solid rgba(255,255,255,.06)}.topbar-mobile-pause .monitor-pause-toggle.inline{width:100%;justify-content:space-between}.server-grid{grid-template-columns:1fr}.server-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-card-actions .btn{flex:1 1 calc(50% - .25rem);min-width:0}.links-add-form{grid-template-columns:1fr}.links-page-controls{flex-wrap:wrap;width:100%}.links-station-select{width:100%;min-width:0}.workspace-embedded.category-workspace-panel .category-modal-header,.workspace-embedded.group-workspace-panel .group-mgmt-header{flex-direction:column;align-items:stretch;gap:.5rem}.workspace-embedded.category-workspace-panel .category-modal-station,.workspace-embedded.group-workspace-panel .group-mgmt-station,.workspace-embedded.category-workspace-panel .category-modal-station .form-input,.workspace-embedded.group-workspace-panel .group-mgmt-station .form-input{width:100%}.category-strip-embedded,.group-strip-wrap{padding-inline:.65rem}.ws-status-strip{gap:.3rem}.ws-status-link{flex-basis:100%}.ws-window-filter{width:100%;justify-content:center}.ws-analytics-head{flex-direction:column;align-items:stretch}.ws-analytics-devices-head{flex-direction:column;align-items:flex-start;gap:.25rem}.device-group-select-compact{max-width:4.75rem;min-width:0;font-size:.68rem;padding-inline:.25rem}.device-row-compact-actions{gap:.25rem}.device-action-btn{width:2rem;height:2rem}}@supports (padding: max(0px)){.modal-overlay{padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media(max-width:900px){.modal-overlay:not(.modal-overlay-screen){padding-bottom:env(safe-area-inset-bottom)}}}