:root{
  color-scheme:dark;
  --bg:#09090b;--surface:#121215;--surface-raised:#18181b;--surface-soft:#101013;
  --ink:#f4f4f5;--muted:#a1a1aa;--subtle:#71717a;--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.13);
  --primary:#6366f1;--primary-soft:rgba(99,102,241,.13);--blue:#3b82f6;--green:#10b981;--green-soft:rgba(16,185,129,.12);
  --amber:#f59e0b;--amber-soft:rgba(245,158,11,.12);--red:#ef4444;--red-soft:rgba(239,68,68,.12);
  --cyan:#22d3ee;--purple:#a78bfa;--sidebar:rgba(12,12,14,.96);--header:rgba(9,9,11,.78);
  --radius:12px;--radius-lg:16px;--font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","SF Mono",Consolas,"Liberation Mono",monospace;
}
html[data-theme="light"]{
  color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-raised:#f1f5f9;--surface-soft:#fbfdff;
  --ink:#0f172a;--muted:#64748b;--subtle:#94a3b8;--line:rgba(15,23,42,.07);--line-strong:rgba(15,23,42,.13);
  --primary:#4f46e5;--primary-soft:rgba(99,102,241,.09);--green-soft:rgba(16,185,129,.1);--amber-soft:rgba(245,158,11,.1);--red-soft:rgba(239,68,68,.09);
  --sidebar:rgba(255,255,255,.96);--header:rgba(248,250,252,.8);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;line-height:1.3;letter-spacing:-.035em}h2{font-size:15px;line-height:1.4;letter-spacing:-.015em}h3{font-size:13px}small,.small{font-size:12px}.muted{color:var(--muted)}.mono,.metric-value,.metric-foot,.numeric,.table td:nth-child(n+2),.info-row strong,code,pre,.log-row,.date-chip{font-family:var(--mono);font-variant-numeric:tabular-nums}.ui-icon{display:inline-block;vertical-align:middle;flex:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.17em;color:var(--muted);font-weight:650;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.035em}.brand b{font-weight:450;color:var(--muted)}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#818cf8,#4f46e5);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;font:700 20px/1 var(--font);box-shadow:inset 0 1px rgba(255,255,255,.18)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.primary,.secondary,.ghost-button{border-radius:9px;min-height:38px;padding:8px 14px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,border-color .18s,color .18s,transform .12s}.primary{background:var(--primary);color:#fff;border:1px solid rgba(255,255,255,.08)}.primary:hover{background:#5558e8}.primary:active,.secondary:active{transform:scale(.98)}.secondary{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line)}.secondary:hover,.ghost-button:hover{border-color:var(--line-strong);background:var(--primary-soft)}.ghost-button{background:transparent;color:var(--muted);border:1px solid var(--line)}.danger-button:hover{color:var(--red);border-color:rgba(239,68,68,.35);background:var(--red-soft)}.full{width:100%}.icon-button{width:34px;height:34px;border-radius:8px;background:transparent;color:var(--muted);display:inline-grid;place-items:center;transition:background .18s,color .18s}.icon-button:hover{background:var(--surface-raised);color:var(--ink)}.text-button{background:transparent;color:var(--primary);font-size:12px;padding:7px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0}.card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0;gap:12px}.card-header p{font-size:11px;color:var(--muted);margin-top:4px}.card-header>a{font-size:11px;color:var(--primary);display:flex;align-items:center;gap:5px}.card-body{padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 12px}.section-heading h2{font-size:14px}.section-heading>span,.section-heading>a{font-size:11px;color:var(--muted)}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--subtle);flex:none}.status-dot.online,.status-dot.success{background:var(--green)}.status-dot.warning{background:var(--amber)}.status-dot.danger{background:var(--red)}.pulse{animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.3)}50%{box-shadow:0 0 0 5px rgba(16,185,129,0)}}.status-pill,.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;border:1px solid transparent;border-radius:9999px;padding:3px 8px;font-size:10px;line-height:1.45;font-weight:600;white-space:nowrap;background:var(--green-soft);color:var(--green)}.status-pill.neutral,.badge.neutral{background:var(--surface-raised);border-color:var(--line);color:var(--muted)}.status-pill.warning,.badge.warning{background:var(--amber-soft);color:var(--amber)}.status-pill.danger,.badge.bad{background:var(--red-soft);color:var(--red)}.status-pill.info,.badge.info{background:rgba(59,130,246,.12);color:#60a5fa}.status-pill.purple{background:rgba(167,139,250,.12);color:var(--purple)}
.progress-track,.bar{height:6px;border-radius:999px;background:var(--surface-raised);overflow:hidden;display:block;width:100%;border:0}.progress-track>.progress-fill{display:block;height:100%;width:0;min-width:0;background-color:var(--green);background-image:none;border-radius:inherit;transition:width .35s ease,background-color .2s}.progress-track>.progress-fill.info{background-color:var(--blue)}.progress-track>.progress-fill.warning{background-color:var(--amber)}.progress-track>.progress-fill.danger{background-color:var(--red)}progress.bar{appearance:none;margin-top:14px;color:var(--green);accent-color:var(--green)}progress.bar.info{color:var(--blue);accent-color:var(--blue)}progress.bar.warning{color:var(--amber);accent-color:var(--amber)}progress.bar.danger{color:var(--red);accent-color:var(--red)}progress.bar::-webkit-progress-bar{background:var(--surface-raised);border-radius:999px}progress.bar::-webkit-progress-value{background:var(--green);border-radius:999px}progress.bar.info::-webkit-progress-value{background:var(--blue)}progress.bar.warning::-webkit-progress-value{background:var(--amber)}progress.bar.danger::-webkit-progress-value{background:var(--red)}progress.bar::-moz-progress-bar{background:var(--green);border-radius:999px}progress.bar.info::-moz-progress-bar{background:var(--blue)}progress.bar.warning::-moz-progress-bar{background:var(--amber)}progress.bar.danger::-moz-progress-bar{background:var(--red)}
.login-screen{display:grid;grid-template-columns:55% 45%;min-height:100dvh}.login-art{position:relative;overflow:hidden;padding:42px 7%;display:flex;flex-direction:column;min-height:680px;background-color:#09090b;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 15% 10%,rgba(99,102,241,.2),transparent 42%);background-size:38px 38px,38px 38px,100% 100%;color:#f4f4f5}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#09090b 100%);pointer-events:none}.login-brand{position:relative;z-index:2}.art-copy{margin-top:12vh;position:relative;z-index:2}.console-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:999px;padding:6px 10px;font:600 9px/1 var(--font);letter-spacing:.13em;color:#a1a1aa}.art-copy h1{font-size:clamp(35px,3.5vw,54px);font-weight:600;line-height:1.25;letter-spacing:-.055em;margin:22px 0 18px}.art-copy p{line-height:1.9;color:#a1a1aa;font-size:14px}.art-visual{position:relative;flex:1;min-height:250px;z-index:1}.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3}.aurora-one{width:250px;height:250px;background:#6366f1;left:15%;top:10%}.aurora-two{width:220px;height:220px;background:#10b981;right:10%;bottom:0;opacity:.14}.glass-orbit{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:36px;display:grid;place-items:center;color:#c7d2fe;background:rgba(99,102,241,.13);border:1px solid rgba(165,180,252,.25);backdrop-filter:blur(18px)}.glass-orbit:before,.glass-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:32px;inset:-42px}.glass-orbit:after{inset:-85px;border-radius:50%}.float-glass-chip{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:13px;background:rgba(24,24,27,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);color:#f4f4f5;min-width:175px}.float-glass-chip small{display:block;color:#a1a1aa;font-size:10px}.float-glass-chip strong{display:block;font-size:12px;margin-top:2px}.float-glass-chip .status-dot{margin-left:auto}.chip-a{left:2%;top:22%;animation:float 5s ease-in-out infinite}.chip-b{right:0;bottom:16%;animation:float 5s 1.2s ease-in-out infinite}.glass-icon{width:34px;height:34px;border-radius:9px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.glass-icon.accent{background:var(--primary-soft);color:#a5b4fc}@keyframes float{50%{transform:translateY(-8px)}}.art-footer{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#71717a}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 36px;background:var(--surface-soft);position:relative}.login-panel form{width:100%;max-width:360px}.login-panel h2{font-size:26px;margin:12px 0 7px;letter-spacing:-.04em}.login-panel>form>p{font-size:13px}.login-panel label,dialog label{display:block;margin-top:21px;font-size:12px;font-weight:550;color:var(--muted)}.input-shell{display:flex;align-items:center;gap:9px;margin-top:8px;padding:0 12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--subtle);transition:border-color .18s,box-shadow .18s}.input-shell:focus-within{border-color:rgba(99,102,241,.65);box-shadow:0 0 0 3px var(--primary-soft);color:var(--primary)}.input-shell input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:12px 0!important;min-width:0}.password-wrap input{padding-right:48px}.password-wrap .text-button{margin-left:auto;white-space:nowrap;flex:0 0 auto;padding:6px 0}.login-panel input,dialog input:not([type=checkbox]),dialog select{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--ink);outline:0;transition:border-color .18s,box-shadow .18s}.login-panel input:focus,dialog input:focus,dialog select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-error{color:#f87171;font-size:12px;min-height:22px;margin:9px 0}.login-submit{margin-top:4px;min-height:42px}.button-spinner{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-submit:disabled .button-spinner{display:block}.login-submit:disabled [data-icon]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.login-note{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.8}.login-bottom{position:absolute;bottom:24px;display:flex;justify-content:space-between;width:calc(100% - 72px);max-width:420px;color:var(--subtle);font-size:10px}
.app{display:flex;min-height:100dvh}.sidebar{width:240px;background:var(--sidebar);border-right:1px solid var(--line);padding:22px 14px 14px;position:fixed;height:100dvh;display:flex;flex-direction:column;z-index:30;overflow-y:auto;scrollbar-width:thin}.sidebar-brand{padding:0 9px}.workspace{margin:22px 0 18px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:9px}.workspace strong{font-size:12px;display:block}.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:1px}.device-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:#818cf8}.workspace>.status-dot{margin-left:auto}#navigation{display:flex;flex-direction:column;gap:15px}.nav-label{font-size:10px;color:var(--subtle);padding:0 12px;margin-bottom:6px;letter-spacing:.12em;font-weight:600}nav a{position:relative;display:flex;align-items:center;gap:11px;padding:8px 12px;color:var(--muted);font-size:12px;border-radius:8px;margin:2px 0;transition:background .16s,color .16s}nav a:hover{background:var(--surface-raised);color:var(--ink)}nav a.active{background:var(--primary-soft);color:#a5b4fc;font-weight:600}html[data-theme="light"] nav a.active{color:var(--primary)}nav a.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;background:var(--primary);border-radius:0 3px 3px 0}.nav-icon{display:grid;place-items:center;width:18px;height:18px}.nav-badge{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font:600 9px/17px var(--mono);text-align:center}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-hint{display:flex;align-items:flex-start;gap:9px;padding:10px 10px 14px;color:var(--muted);font-size:10px}.sidebar-hint>.ui-icon{color:var(--subtle);margin-top:2px}.sidebar-hint small{display:flex;align-items:center;gap:6px;color:var(--subtle);font-size:9px;margin-top:3px}.profile{border-top:1px solid var(--line);padding:14px 5px 0;display:flex;align-items:center;gap:9px}.profile strong{font-size:11px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:9px;display:block;color:var(--muted)}.profile .icon-button{margin-left:auto}.avatar,.top-avatar{width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(145deg,#312e81,#155e75);color:#e0e7ff;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-weight:650;font-size:11px;flex:none}.workspace-main{margin-left:240px;min-width:0;width:calc(100% - 240px)}.topbar{height:56px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:12px;position:sticky;top:0;z-index:20}.topbar-leading,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.breadcrumb{font-size:11px;color:var(--subtle);display:flex;gap:8px;align-items:center}.breadcrumb b{font-weight:550;color:var(--ink)}.breadcrumb-separator{color:var(--line-strong)}.page-subtitle{font-size:9px;color:var(--subtle);margin-top:1px}.topbar-right{gap:7px}.topbar-right .status-pill{margin-right:5px}.top-avatar{width:28px;height:28px;font-size:10px;margin-left:3px}main{padding:25px 26px;max-width:1640px;margin:0 auto;min-height:calc(100dvh - 100px)}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 26px;border-top:1px solid var(--line);color:var(--subtle);font-size:11px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.page-heading p{font-size:11px;color:var(--muted);margin-top:5px}.date-chip{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;color:var(--muted);font-size:10px;white-space:nowrap}.page-enter{animation:enter .22s ease-out}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobile-only{display:none}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:25}
.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{padding:17px 18px;position:relative;overflow:hidden}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:#818cf8}.metric:nth-child(2) .metric-icon{background:rgba(34,211,238,.1);color:var(--cyan)}.metric:nth-child(3) .metric-icon{background:var(--green-soft);color:var(--green)}.metric:nth-child(4) .metric-icon{background:var(--amber-soft);color:var(--amber)}.metric-value{font-size:28px;font-weight:600;letter-spacing:-.055em;margin:15px 0 5px;line-height:1.1;font-variant-numeric:tabular-nums}.metric-value small{font-size:12px;font-weight:450;color:var(--muted);letter-spacing:0;margin-left:4px}.metric-foot{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric .progress-track{margin-top:14px}.chart-area{padding:12px 18px 18px}.echart{width:100%;height:300px;min-width:0}.overview-chart{height:252px}.chart-legend{display:flex;gap:15px;font-size:10px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.chart-legend span:nth-child(2) i{background:var(--cyan)}.service-mini{padding:10px 18px 17px}.service-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0;font-size:11px}.service-row:first-child{border-top:0}.service-row>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.service-row .service-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 18px 10px}.health-number{font:600 26px/1 var(--mono);letter-spacing:-.05em}.health-number small{font-size:12px;color:var(--muted)}.health-summary p{font-size:10px;color:var(--muted);margin-top:4px}.activity-list{padding:8px 18px 16px}.activity-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-top:1px solid var(--line)}.activity-item:first-child{border-top:0}.activity-item strong{font-size:11px;font-weight:550;display:block}.activity-item p{font-size:10px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item time{font:9px/1.5 var(--mono);color:var(--subtle);white-space:nowrap}.storage-summary{padding:10px 20px 18px}.storage-item{padding:10px 0}.storage-item>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.storage-item small{color:var(--muted);font-family:var(--mono)}.notice{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;margin-top:15px;background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);border-radius:10px;font-size:10px;line-height:1.7}.notice>.ui-icon{color:var(--blue);margin-top:1px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{padding:16px;transition:border-color .18s,background .18s}.quick-card:hover{border-color:rgba(99,102,241,.35);background:var(--surface-soft)}.quick-card .arrow{float:right;color:var(--subtle)}.service-symbol{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);display:grid;place-items:center;color:#818cf8;margin-bottom:13px}.quick-card h3{font-size:12px}.quick-card p{font-size:10px;color:var(--muted);margin-top:4px}
.host-banner{padding:21px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,var(--primary-soft),transparent 60%),var(--surface)}.host-identity{display:flex;align-items:center;gap:14px}.host-identity>.service-symbol{width:44px;height:44px;margin:0}.host-identity h2{font-size:17px}.host-identity p{font-size:11px;color:var(--muted);margin-top:4px}.load-pills{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.load-pill{padding:7px 10px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;font:10px/1.3 var(--mono);color:var(--muted)}.load-pill strong{color:var(--ink);font-weight:550}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:20px}.settings-card>h2{margin-bottom:16px}.settings-card>p{font-size:11px;line-height:1.8;color:var(--muted)}.core-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.core-item{padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}.core-item>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:9px}.core-item small{display:block;color:var(--muted);margin-top:7px;font-size:9px}.temperature-panel{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);margin-bottom:15px}.temp-reading{font:600 34px/1 var(--mono);letter-spacing:-.06em}.temp-reading small{font-size:13px;color:var(--muted)}.temperature-panel p{font-size:10px;color:var(--muted);margin-top:6px}.temperature-panel>.ui-icon{width:36px;height:36px;color:var(--green)}.segmented-bar{display:flex;height:10px;overflow:hidden;border-radius:999px;background:var(--surface-raised);margin:16px 0}.segment{height:100%}.segment.used{background:var(--primary)}.segment.cached{background:var(--cyan)}.segment.free{background:var(--surface-raised)}.legend-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.legend-item{padding:10px;background:var(--surface-soft);border-radius:8px}.legend-item span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.legend-item strong{display:block;font:550 12px/1.5 var(--mono);margin-top:3px}.info-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.info-row:last-child{border-bottom:0}.info-row>span{color:var(--muted);flex:none}.info-row strong{font-weight:500;text-align:right;overflow-wrap:anywhere;font-size:10px}.disk-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.disk-rate{padding:18px}.disk-rate h3 small{margin-left:8px;font-weight:400}.table-wrap{overflow:auto;scrollbar-width:thin}.table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.table th{color:var(--muted);font-weight:550;padding:11px 16px;background:var(--surface-soft);white-space:nowrap;font-size:10px;letter-spacing:.02em}.table td{padding:12px 16px;border-top:1px solid var(--line);white-space:nowrap;color:var(--muted)}.table td:first-child{color:var(--ink)}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--surface-raised)}.table td.detail{white-space:normal;min-width:180px;overflow-wrap:anywhere;max-width:420px}.table-card{overflow:hidden}.table-title{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.table-title small{color:var(--muted)}.table button,.table a.action-button{font-size:10px;padding:5px 8px;border-radius:6px;background:var(--surface-raised);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;gap:5px}.table button:hover,.table a.action-button:hover{color:var(--ink);border-color:var(--line-strong)}.empty{padding:38px 22px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;color:var(--ink);margin-bottom:6px}.empty-state{padding:46px 22px;text-align:center}.empty-state>.ui-icon{width:46px;height:46px;color:var(--green);margin-bottom:15px}.empty-state h3{font-size:14px;margin-bottom:6px}.empty-state p{font-size:11px;color:var(--muted)}
.network-summary{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.interface-hero{padding:20px;display:flex;justify-content:space-between;gap:18px}.interface-title{display:flex;gap:12px;align-items:center}.interface-title .service-symbol{margin:0}.interface-title h2{font-size:16px}.interface-title p{font:10px/1.6 var(--mono);color:var(--muted);margin-top:3px}.interface-speeds{display:flex;gap:24px;text-align:right}.interface-speeds span{font-size:9px;color:var(--muted);display:block}.interface-speeds strong{font:550 14px/1.8 var(--mono);display:block}.toolbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search-shell{display:flex;align-items:center;gap:8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--subtle);min-width:220px}.search-shell input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:11px}.segmented-control{display:inline-flex;padding:3px;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;gap:2px}.segmented-control button{background:transparent;color:var(--muted);padding:5px 10px;border-radius:6px;font-size:10px}.segmented-control button.active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.device-cell{display:flex;align-items:center;gap:9px}.device-cell>.status-dot{width:7px;height:7px}.device-icon{width:28px;height:28px;display:grid;place-items:center;background:var(--surface-raised);border-radius:7px;color:var(--muted)}.copy-button{padding:3px!important;background:transparent!important;border:0!important;color:var(--subtle)!important;vertical-align:middle}.copy-button:hover{color:var(--primary)!important}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.stat-block{padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.stat-block span{font-size:10px;color:var(--muted)}.stat-block strong{font:600 22px/1 var(--mono)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.alert-timeline{display:flex;flex-direction:column;gap:10px}.alert-entry{position:relative;padding:16px 18px 16px 21px;overflow:hidden}.alert-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}.alert-entry.warning:before{background:var(--amber)}.alert-entry.info:before{background:var(--blue)}.alert-entry.recovered:before{background:var(--green)}.alert-entry-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-entry-head strong{font-size:12px}.alert-entry-head time{margin-left:auto;font:9px/1.5 var(--mono);color:var(--subtle)}.alert-entry p{font-size:11px;color:var(--muted);margin:9px 0}.alert-entry-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.alert-entry-foot small{font:9px/1.5 var(--mono);color:var(--subtle)}
.proxy-status{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(110deg,var(--primary-soft),transparent 60%),var(--surface)}.proxy-status h2{font-size:20px;margin:7px 0;max-width:520px;overflow:hidden;text-overflow:ellipsis}.proxy-status p{font-size:11px;color:var(--muted)}.proxy-delay{text-align:right;flex-shrink:0}.proxy-delay strong{display:block;font:600 32px/1 var(--mono);color:var(--green);letter-spacing:-.06em}.proxy-delay span{font-size:9px;color:var(--muted)}.proxy-actions{display:flex;gap:8px;flex-wrap:wrap}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.node-card{position:relative;padding:14px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--ink);transition:border-color .18s,background .18s,transform .15s}.node-card:hover{border-color:var(--line-strong);background:var(--surface-soft);transform:translateY(-1px)}.node-card.selected{border-color:rgba(99,102,241,.65);background:var(--primary-soft)}.node-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.node-card-name{font-size:11px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.delay-badge{font:600 10px/1.4 var(--mono);color:var(--green);white-space:nowrap}.delay-badge.warning{color:var(--amber)}.delay-badge.danger{color:var(--red)}.node-meta{display:flex;align-items:center;gap:6px;margin-top:11px}.protocol-badge{font:600 8px/1.4 var(--mono);letter-spacing:.04em;color:var(--cyan);background:rgba(34,211,238,.08);padding:3px 5px;border-radius:4px}.node-meta small{font-size:9px;color:var(--subtle)}.node-actions{display:flex;gap:6px;margin-top:11px}.node-actions button{font-size:9px;padding:4px 7px;border-radius:5px;background:var(--surface-raised);color:var(--muted);border:1px solid var(--line)}.bypass-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:15px;background:linear-gradient(115deg,var(--primary-soft),transparent 62%),var(--surface)}.bypass-copy{display:flex;align-items:center;gap:13px}.bypass-copy .tool-icon{margin:0;flex:none}.bypass-copy h2{font-size:14px}.bypass-copy p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.6}.bypass-control{display:flex;align-items:center;gap:15px;flex:none}.switch{position:relative;display:inline-flex;width:44px;height:26px;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:absolute;inset:0;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line-strong);transition:background .2s,border-color .2s}.switch-track:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.switch input:checked+.switch-track{background:var(--primary);border-color:var(--primary)}.switch input:checked+.switch-track:after{transform:translateX(18px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:3px}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.script-card{padding:20px;margin-bottom:15px}.script-card .card-head h2{font-size:14px}.script-card .card-head p{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.script-editor{display:block;width:100%;min-height:220px;margin-top:16px;padding:16px 18px;resize:vertical;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0b0d12;color:#d4d4d8;font:11px/1.85 var(--mono);tab-size:2;outline:none;transition:border-color .2s,box-shadow .2s}.script-editor:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.script-editor::placeholder{color:#64748b;opacity:.7}.script-editor[readonly]{opacity:.75}.script-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px}.script-footer>span{font-size:9px;line-height:1.7;color:var(--muted);max-width:560px}.jobs-card{padding:0 18px}.job-record{padding:16px 0;border-bottom:1px solid var(--line)}.job-record:last-child{border:0}.job-heading{display:flex;justify-content:space-between;gap:14px;font-size:11px;margin-bottom:5px}.job-record p{font-size:10px;color:var(--muted);margin-top:8px}.check-results{margin-top:12px;display:grid;gap:6px}.check-results>div{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--surface-soft);border-radius:7px;font-size:10px}.check-results small{color:var(--muted);margin-left:auto}.check-results .check-icon{display:grid;place-items:center;color:var(--green)}.check-results .failed .check-icon{color:var(--red)}
.file-toolbar{padding:18px;margin-bottom:15px}.file-volume{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-volume .service-symbol{margin:0}.file-volume small{display:block;margin-top:4px;color:var(--muted);font:9px/1.5 var(--mono)}.file-volume select{margin-left:auto;max-width:100%;background:var(--surface-raised);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 9px;font-size:11px}.file-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;align-items:center}.file-controls>button,.file-controls>.secondary{min-height:32px;padding:6px 10px;font-size:10px;background:var(--surface-raised);border:1px solid var(--line);border-radius:7px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.file-controls input[type=search]{flex:1;min-width:150px;background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:7px 10px;font-size:11px;outline:0}.file-controls select{background:var(--surface-raised);border:1px solid var(--line);border-radius:7px;color:var(--muted);padding:7px;font-size:10px}.file-breadcrumb{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted);margin-top:15px;font:10px/1.5 var(--mono)}.file-breadcrumb button{background:transparent;color:var(--primary);padding:0}.file-name{background:transparent;text-align:left;white-space:normal;overflow-wrap:anywhere;color:var(--ink);max-width:420px;padding:0!important;border:0!important;font-size:11px!important;display:inline-flex;align-items:center;gap:9px}.file-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--amber-soft);color:var(--amber);flex:none}.file-icon.code{color:var(--cyan);background:rgba(34,211,238,.1)}.file-icon.archive{color:var(--purple);background:rgba(167,139,250,.1)}.file-icon.media{color:#60a5fa;background:rgba(59,130,246,.1)}.file-icon.database{color:var(--green);background:var(--green-soft)}.file-icon.document{color:#f87171;background:var(--red-soft)}.upload-label{cursor:pointer;margin:0}.drop-zone{margin-top:14px;border:1px dashed var(--line-strong);border-radius:10px;padding:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--subtle);font-size:10px;transition:border-color .18s,background .18s}.drop-zone.dragging{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{padding:18px;transition:border-color .18s,transform .15s}.tool-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.tool-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:#818cf8;margin-bottom:14px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}.diagnostic-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.diagnostic-header h2{font-size:17px;margin:7px 0}.diagnostic-header button{white-space:nowrap}.console-output{background:#09090b;border:1px solid var(--line);border-radius:9px;color:#d4d4d8;padding:13px;font:10px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{padding:18px;display:flex;flex-direction:column}.service-card .card-top{display:flex;align-items:flex-start;justify-content:space-between}.service-card .service-symbol{margin-bottom:13px}.service-card h2{font-size:14px}.service-card p{color:var(--muted);font-size:10px;margin:8px 0 14px;line-height:1.75;flex:1}.service-card code{display:block;margin:10px 0;color:var(--cyan);font-size:10px;overflow-wrap:anywhere}.service-metrics{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font:9px/1.5 var(--mono);color:var(--subtle)}.service-card .secondary{font-size:10px;width:100%;min-height:34px}.monitor-grid{margin-top:15px}.overview-chart .echart{height:252px}.history-chart .echart{height:390px}.history-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-controls select{border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);padding:7px 9px;font-size:10px;color:var(--muted)}.chart-stats{display:flex;gap:14px;padding:12px 20px 18px;border-top:1px solid var(--line)}.chart-stats span{color:var(--muted);font-size:9px}.chart-stats strong{display:block;font:550 12px/1.6 var(--mono);color:var(--ink)}.history-facts{display:flex;gap:25px;padding:0 20px 18px}.history-facts span{color:var(--muted);font-size:9px}.history-facts strong{display:block;font-size:14px;font-weight:500;color:var(--ink)}
.logs-console{background:#09090b;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;color:#d4d4d8}.log-filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 13px;background:#121215;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:56px;z-index:5}.log-filter-bar select,.log-filter-bar input{background:#18181b;border:1px solid rgba(255,255,255,.09);border-radius:7px;color:#a1a1aa;padding:6px 8px;font-size:10px;outline:0}.log-filter-bar input{min-width:170px;flex:1}.log-filter-bar .segmented-control{background:#18181b;border-color:rgba(255,255,255,.08)}.log-filter-bar .segmented-control button.active{background:#27272a;color:#f4f4f5;box-shadow:none}.log-list{font:10px/1.65 var(--mono);font-variant-numeric:tabular-nums;max-height:650px;overflow:auto}.log-row{display:grid;grid-template-columns:158px 58px 100px minmax(250px,1fr);gap:10px;padding:6px 12px;align-items:start}.log-row:nth-child(even){background:rgba(255,255,255,.015)}.log-row:hover{background:rgba(99,102,241,.09)}.log-time{color:#71717a}.log-level{font-weight:650}.log-level.info{color:#34d399}.log-level.warn{color:#fbbf24}.log-level.error{color:#f87171}.log-module{color:#22d3ee;overflow:hidden;text-overflow:ellipsis}.log-message{color:#d4d4d8;white-space:normal;overflow-wrap:anywhere}.log-source{color:#71717a;margin-left:5px}
.user-list{display:flex;flex-direction:column;gap:10px}.user-card{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(120px,.7fr) minmax(150px,.8fr) auto;align-items:center;gap:15px;padding:15px 17px}.user-identity{display:flex;align-items:center;gap:11px;min-width:0}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:650;background:linear-gradient(145deg,#6366f1,#0891b2);flex:none}.user-identity strong{font-size:12px;display:block}.user-identity small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.user-meta{font:9px/1.6 var(--mono);color:var(--muted)}.user-actions{display:flex;justify-content:flex-end;gap:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-stack{display:flex;flex-direction:column;gap:15px}.split-card{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr);gap:25px;padding:21px}.split-card>div:first-child p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:7px}.danger-zone{border-color:rgba(239,68,68,.25)}.danger-zone h2{color:#f87171}.key-value{background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;padding:3px 13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f4f4f5;color:#18181b;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.28);z-index:90;max-width:90%;font-size:11px}dialog{width:440px;max-width:calc(100% - 28px);padding:24px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.4)}dialog[open]{animation:dialog-in .18s ease-out}dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}@keyframes dialog-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin-top:5px}.check-label{display:flex!important;gap:9px;align-items:center}.check-label input{accent-color:var(--primary)}
@media(min-width:1700px){main{padding:32px 34px}.metric{padding:20px}.echart{height:330px}.overview-chart{height:280px}}
@media(max-width:1200px){.span-3{grid-column:span 6}.span-8,.span-4{grid-column:span 12}.metric-grid{grid-template-columns:1fr 1fr}.services-grid,.node-grid,.tool-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.network-summary{grid-template-columns:1fr}.user-card{grid-template-columns:minmax(200px,1.3fr) .7fr auto}.user-meta{display:none}}
@media(max-width:960px){.hardware-grid,.settings-grid{grid-template-columns:1fr}.span-6{grid-column:span 12}.host-banner,.interface-hero{align-items:flex-start;flex-direction:column}.load-pills{justify-content:flex-start}.split-card{grid-template-columns:1fr;gap:15px}.login-art{padding:34px}.log-row{grid-template-columns:145px 50px 80px minmax(220px,1fr)}}
@media(max-width:768px){.login-screen{grid-template-columns:1fr}.login-art{min-height:0;padding:24px}.art-copy,.art-visual,.art-footer{display:none}.login-panel{padding:36px 25px 76px;min-height:calc(100dvh - 82px)}.login-bottom{width:calc(100% - 50px)}.sidebar{transform:translateX(-100%);transition:transform .22s;width:240px;visibility:hidden}.sidebar.open{transform:translateX(0);visibility:visible}.workspace-main{margin-left:0;width:100%}.mobile-only{display:inline-grid}.topbar{height:56px;padding:0 14px}.topbar-right{gap:3px}.topbar-right .status-pill{margin-right:0}.top-avatar,#theme-toggle{display:none}.page-subtitle{display:none}main{padding:20px 15px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading h1{font-size:22px}.date-chip{display:none}.page-heading .primary{font-size:11px;padding:7px 10px;min-height:35px}.bento-grid{gap:12px}.span-3{grid-column:span 6}.metric-grid{gap:12px}.metric{padding:15px}.metric-value{font-size:25px}.metric-icon{width:27px;height:27px}.services-grid,.node-grid,.tool-grid{grid-template-columns:1fr}.quick-grid{gap:11px}.card-header{padding:17px 17px 0}.chart-area{padding:10px 12px 14px}.echart{height:270px}.history-chart .echart{height:320px}.page-footer{padding:13px 15px;font-size:9px}.table th,.table td{padding:11px 13px}.stats-row{gap:8px}.stat-block{padding:12px}.stat-block strong{font-size:18px}.stat-block span{font-size:9px}.interface-speeds{width:100%;justify-content:space-between;text-align:left}.toolbar{align-items:stretch;flex-direction:column}.search-shell{min-width:0}.log-filter-bar{top:56px}.log-list{overflow:auto}.log-row{min-width:720px}.user-card{grid-template-columns:1fr auto;gap:10px}.user-card>.status-pill{display:none}.file-volume select{margin-left:0;width:100%}.file-name{max-width:220px}.proxy-status{flex-wrap:wrap}.proxy-delay{text-align:left}.alert-entry-head time{margin-left:0;width:100%}.history-controls{width:100%}.history-controls .segmented-control{flex:1}.history-controls .segmented-control button{flex:1}.chart-stats{flex-wrap:wrap}.bypass-card,.script-footer{align-items:flex-start;flex-direction:column}.bypass-control{width:100%;justify-content:space-between}.script-editor{min-height:260px}.drop-zone{font-size:9px}}
@media(max-width:480px){.span-3{grid-column:span 12}.metric-grid{grid-template-columns:1fr 1fr}.metric-foot{font-size:8px}.core-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.legend-list{grid-template-columns:1fr}.page-footer{flex-direction:column;gap:3px}.topbar-right .status-pill{font-size:9px;padding:3px 6px}.topbar-leading{gap:5px}.breadcrumb{font-size:10px}.login-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Native value-based bars work with the existing strict style-src policy. */
progress.progress-track{margin:0;flex-shrink:0;-webkit-appearance:none;appearance:none}
.metric progress.progress-track{margin-top:14px}
progress.bar.memory-allocation{height:10px;margin:16px 0;color:var(--primary);accent-color:var(--primary)}
progress.bar.memory-allocation::-webkit-progress-value{background:var(--primary)}
progress.bar.memory-allocation::-moz-progress-bar{background:var(--primary)}

.file-capacity-progress{width:min(320px,60vw);margin-top:8px}

/* Navigation feedback is independent of network round trips. */
.page-loading{min-height:240px;padding:28px;color:var(--muted);display:flex;align-items:center;align-content:flex-start;gap:12px;flex-wrap:wrap}
.navigation-spinner{width:16px;height:16px;flex:none;border:2px solid var(--line-strong);border-top-color:var(--primary);border-radius:50%;animation:navigation-spin .8s linear infinite}
.navigation-skeleton{flex-basis:100%;display:grid;gap:16px;margin-top:20px}
.navigation-skeleton i{display:block;height:18px;border-radius:6px;background:var(--surface-raised)}
.navigation-skeleton i:nth-child(2){width:78%}.navigation-skeleton i:nth-child(3){width:54%}
@keyframes navigation-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.navigation-spinner{animation:none}}

/* Home applications share the existing light/dark surface tokens. */
#navigation{min-height:0;overflow-y:auto;scrollbar-width:thin}
.suite-stack{display:grid;gap:18px}.suite-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.suite-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.suite-actions>input{flex:1;min-width:160px}
.suite-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;align-items:end;margin:20px 0}
.collector-fieldset{border:0;padding:0;margin:0;min-width:0}.collector-fieldset>label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.collector-fieldset textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink);font:12px/1.7 var(--mono);resize:vertical}.collector-fieldset:disabled{opacity:.65}.collector-fieldset .suite-actions{margin-top:18px}
.suite-form label,.suite-dialog form>label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.suite-form .check-label{display:flex;align-items:center;min-height:38px}
.suite-form input,.suite-form select,.suite-dialog textarea,.suite-dialog input{width:100%;box-sizing:border-box}.suite-form input[type=checkbox],.suite-dialog input[type=checkbox]{width:auto}
.suite-stack input:not([type=checkbox]),.suite-stack select,.suite-dialog input:not([type=checkbox]),.suite-dialog textarea,.suite-file-tools input:not([type=checkbox]),.suite-file-tools select{min-height:38px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--ink);font-size:12px;max-width:100%;transition:border-color .18s,background .18s}.suite-stack input:focus,.suite-stack select:focus,.suite-dialog input:focus,.suite-dialog textarea:focus{border-color:var(--primary)}.suite-stack input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}.suite-dialog textarea{resize:vertical;min-height:120px}
.suite-note{font:inherit;white-space:pre-wrap;word-break:break-word;line-height:1.8;margin:16px 0}.suite-break{overflow-wrap:anywhere}
.suite-events{display:grid;gap:10px;margin-top:16px;font-variant-numeric:tabular-nums}.suite-events>div{padding:12px;border-bottom:1px solid var(--line)}
.suite-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto}.suite-dialog form{display:grid;gap:18px}.suite-dialog small{display:block;color:var(--muted);margin-top:6px}
.suite-file-tools{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.suite-file-tools form{margin-bottom:0}#file-rows input[type=checkbox]{margin-right:12px;vertical-align:middle}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-tile{padding:0;overflow:hidden;position:relative;text-align:left;background:var(--surface);color:var(--ink)}
.media-tile img,.media-folder{display:flex;width:100%;height:150px;object-fit:cover;background:var(--surface-raised);align-items:center;justify-content:center;color:var(--amber)}
.media-tile strong{display:block;padding:12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-type{position:absolute;top:10px;left:10px;padding:3px 6px;background:rgba(0,0,0,.65);border-radius:4px;font-size:9px;letter-spacing:.1em;color:white}

.suite-stack .echart{height:280px}.suite-stack .settings-card h2{overflow-wrap:anywhere}.suite-stack .table small{display:block;color:var(--muted)}
@media(max-width:767px){.suite-form,.suite-card-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-tile img,.media-folder{height:130px}.suite-dialog{padding:16px}.suite-actions .secondary{flex-shrink:0}}

/* Unified service management */
.manager-nav{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:24px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.manager-nav a{padding:9px 13px;border-radius:8px;font-size:12px;color:var(--muted)}.manager-nav a:hover{background:var(--surface-raised);color:var(--ink)}.manager-nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:650}
.manager-intro{padding:25px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:radial-gradient(ellipse at 100% 0,rgba(59,130,246,.09),transparent 65%),var(--surface)}.manager-intro h2{font-size:23px;margin:10px 0}.manager-intro p{font-size:12px}.manager-body .services-grid{gap:16px}.manager-body .service-card .primary{margin-top:auto}.manager-body .service-card{display:flex;flex-direction:column;gap:10px}
.manager-body .suite-events>div{display:flex;justify-content:space-between;gap:16px;align-items:center}.manager-body small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.manager-body code{display:block;margin:15px 0}.manager-body .table td{vertical-align:middle}.manager-body .table .suite-actions{margin:0;gap:6px;min-width:220px}.manager-body .table .secondary,.manager-body .table .ghost-button{padding:6px 9px;min-height:30px;font-size:10px}
.manager-editor{display:grid;gap:16px;margin-top:20px}.manager-editor label{display:grid;gap:8px;color:var(--muted);font-size:12px}.manager-editor textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:12px/1.7 var(--mono);resize:vertical}.manager-editor>.primary{justify-self:start}.service-log{max-height:65vh;overflow:auto;background:#09090b;color:#d4d4d8;padding:18px;border-radius:10px;font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.manager-chain{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.manager-chain span{padding:10px 16px;border:1px solid var(--line);border-radius:8px;font:12px var(--mono)}.dns-tabs{justify-self:start;flex-wrap:wrap}.upload-label{cursor:pointer}
@media(max-width:767px){.manager-nav{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}.manager-nav a{white-space:nowrap;flex-shrink:0}.manager-intro{align-items:flex-start;flex-direction:column;padding:20px}.manager-intro h2{font-size:20px}.manager-body .suite-events>div{align-items:flex-start;flex-direction:column}.manager-body .suite-actions{gap:8px}.dns-tabs button{font-size:11px;padding:8px}.manager-editor textarea{font-size:12px}}

#client-filter-options{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px}#client-filter-options legend{padding:0 7px;font:12px var(--font);color:var(--muted)}#client-filter-options:disabled{opacity:.5}

.safe-search-fields,.client-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.client-tags{border:1px solid var(--line);border-radius:10px;padding:14px}.service-options{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:12px 0}.service-options label[hidden]{display:none}.service-options label,.safe-search-fields label{display:flex;align-items:center;gap:8px}.service-picker-search{width:100%}.manager-editor details{border:1px solid var(--line);padding:12px;border-radius:10px}.manager-editor summary{cursor:pointer;color:var(--ink)}

.terminal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;color:var(--muted);font-size:12px}.terminal-toolbar span{min-width:0}#terminal-surface{height:clamp(300px,58vh,720px);padding:12px;background:#09090b;border:1px solid var(--line);border-radius:12px;overflow:hidden}#terminal-surface .xterm{height:100%}#terminal-connect[hidden]{display:none}

.logs-console .log-filter-bar{position:relative;top:0}.log-filter-bar button{border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#18181b;color:#d4d4d8;padding:6px 10px;cursor:pointer}

.file-view-toggle{margin-top:15px;width:fit-content}.file-view-toggle button{display:inline-flex;align-items:center;gap:7px}
#pending-uploads{padding:0;margin:16px 0;overflow:hidden}
#pending-uploads summary{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;transition:background .18s}
#pending-uploads summary::-webkit-details-marker{display:none}
#pending-uploads summary:hover{background:var(--surface-raised)}
#pending-uploads summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;border-radius:var(--radius-lg)}
.pending-symbol,.pending-file-symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:var(--blue);background:var(--primary-soft)}
.pending-heading{flex:1;min-width:0}.pending-heading strong{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.pending-heading small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);color:var(--muted);font-size:10px}
.pending-chevron{color:var(--subtle);transform:rotate(180deg);transition:transform .18s}#pending-uploads[open] .pending-chevron{transform:rotate(0)}
.pending-content{border-top:1px solid var(--line);padding:16px 20px}.pending-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.pending-help p{font-size:11px;color:var(--muted);line-height:1.7}.pending-help button{flex:none;min-height:30px;padding:5px 10px;font-size:11px}
#pending-uploads [data-pending]{font-size:12px;color:var(--muted)}
.pending-empty{display:flex;align-items:center;gap:12px;padding:18px;background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:10px}.pending-empty>span{color:var(--green);display:grid;place-items:center}.pending-empty strong{display:block;font-size:12px;font-weight:500;color:var(--ink)}.pending-empty small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.pending-row{display:flex;align-items:center;gap:12px;padding:14px 0}.pending-row+.pending-row{border-top:1px solid var(--line)}.pending-file-symbol{background:var(--surface-raised);color:var(--muted)}.pending-file{flex:1;min-width:0}.pending-file strong{display:block;font-size:12px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}.pending-file small{display:block;margin-top:4px;font-size:10px;overflow-wrap:anywhere}.pending-file progress{display:block;width:100%;height:5px;margin-top:10px}.pending-warning{color:var(--amber)}.pending-actions{display:flex;gap:6px;flex-wrap:wrap}.pending-actions button{min-height:32px;padding:5px 10px;font-size:11px}
#upload-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}#upload-progress{flex-basis:100%;width:100%;height:6px}#upload-text{flex:1;min-width:180px;overflow-wrap:anywhere;font-size:12px;line-height:1.7}#upload-status button{min-height:32px;font-size:11px;flex:none}
#file-upload-target{display:inline-flex;align-items:center;gap:5px;background:var(--primary-soft);color:var(--ink);border:1px solid var(--line-strong);border-radius:6px;padding:3px 7px;font-size:11px;overflow-wrap:anywhere;text-align:left;max-width:100%}
@media(max-width:767px){#pending-uploads summary{padding:14px;gap:10px}.pending-content{padding:14px}.pending-help{align-items:flex-start;gap:10px}.pending-row{flex-wrap:wrap}.pending-file{flex-basis:calc(100% - 48px)}.pending-actions{width:100%;padding-left:48px}.pending-empty{padding:14px}.pending-heading small{font-size:10px}#upload-status{align-items:flex-start}#upload-text{flex-basis:100%}}
#file-list-view[hidden],#file-media-grid[hidden]{display:none}
.media-tile-open{border:0;background:none;color:inherit;padding:0;width:100%;text-align:left;cursor:pointer;display:block}
.file-media-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.file-media-actions .file-entry-actions{display:flex;flex-wrap:wrap;gap:5px;flex-basis:100%}.file-media-actions .mono{font-size:10px}
.file-media-actions button,.file-media-actions .action-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);font:inherit;font-size:10px;cursor:pointer}
.file-media-actions button:hover,.file-media-actions .action-button:hover{background:var(--surface-raised);color:var(--ink)}.file-media-actions .file-delete:hover{color:var(--danger);border-color:var(--danger)}
.file-entry-select{display:inline-flex;align-items:center}.file-entry-select input{margin:0}.audio-cover{color:var(--primary)}.thumbnail-unavailable{color:var(--muted)}
[data-file-preview]{width:min(1000px,94vw);max-width:94vw}.file-preview-stage{display:flex;align-items:center;justify-content:center;min-height:180px;max-height:70vh;overflow:auto;background:#09090b;border:1px solid var(--line);border-radius:10px;margin-top:16px}
.file-preview-stage img,.file-preview-stage video{display:block;max-width:100%;max-height:65vh;object-fit:contain}.file-preview-stage audio{width:100%;margin:24px 12px}.file-preview-stage iframe{width:100%;height:65vh;border:0}.file-preview-stage pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d4d8;padding:18px;margin:0;width:100%;font:12px/1.7 var(--mono)}.text-preview-stage{align-items:flex-start;justify-content:flex-start}
@media(max-width:767px){.file-media-actions .file-entry-actions{gap:3px}.file-media-actions{padding:0 9px 10px}.file-preview-stage{min-height:140px}}
.system-workspace-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.proxy-runtime-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}.proxy-runtime-top .mono{font-size:11px}.proxy-policy-choices{display:flex;gap:16px;flex-wrap:wrap}.proxy-policy-choices label{min-width:180px;max-width:100%;font-size:12px;color:var(--muted)}.proxy-policy-choices select{margin-top:7px}
#proxy-runtime .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}#proxy-runtime .card-head p{margin-bottom:0}.proxy-policy-choices label{display:grid;gap:6px}.proxy-policy-choices select{width:100%;min-width:180px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit}.proxy-runtime-top .segmented-control button.active:disabled{opacity:1;color:var(--primary);background:var(--primary-soft);cursor:default}
.proxy-connections{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.proxy-connections summary{cursor:pointer;font-size:13px;font-weight:600}.proxy-connection-stats{font-size:11px;color:var(--muted);margin:16px 0}.proxy-connections .table{margin-top:16px}.proxy-connections td:first-child{max-width:280px;overflow-wrap:anywhere}.proxy-connections td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.proxy-connections input{width:100%}
.pdf-viewer{width:100%;align-self:flex-start}.pdf-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px;background:var(--surface);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
.pdf-controls label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.pdf-controls input{width:60px;padding:6px;font:12px var(--mono);font-variant-numeric:tabular-nums}.pdf-controls span{font-size:12px;white-space:nowrap}.pdf-page{display:flex;justify-content:center;padding:16px}.pdf-page canvas{max-width:100%;height:auto!important;background:white}
.system-workspace-links>span{font-size:11px;color:var(--muted);margin-right:auto;letter-spacing:.04em}
.system-workspace-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:7px;font-size:12px;color:var(--muted)}
.system-workspace-links a:hover{background:var(--surface-raised);color:var(--primary)}
@media(max-width:767px){.system-workspace-links{gap:4px;padding:10px}.system-workspace-links>span{flex-basis:100%;padding:4px 8px}.system-workspace-links a{font-size:11px}}

.docx-frame{display:block;width:100%;height:min(70vh,850px);min-height:320px;border:1px solid var(--border);border-radius:8px;background:#e8eaee}

.file-mode{display:block;font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}.file-properties-heading{display:flex;align-items:center;gap:14px;padding:8px 0 20px}.file-properties-heading>div{min-width:0}.file-properties-heading strong{display:block;overflow-wrap:anywhere}.file-properties-heading small{display:block;color:var(--muted);margin-top:4px}.file-properties-list{margin:0}.file-properties-dialog{width:min(680px,calc(100vw - 32px))}.file-properties-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:9px 0;border-top:1px solid var(--border)}.file-properties-list dt{color:var(--muted);font-size:12px}.file-properties-list dd{margin:0;overflow-wrap:anywhere;font-family:'JetBrains Mono','SF Mono',Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums}.file-properties-body>.notice{margin:18px 0;line-height:1.7}@media(max-width:600px){.file-properties-list>div{grid-template-columns:85px minmax(0,1fr);gap:10px}}

.dns-rewrite-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.dns-rewrite-list .status-pill{margin-top:8px}.dns-rewrite-list>div>span{min-width:0}.dns-rewrite-list strong,.dns-rewrite-list small{overflow-wrap:anywhere}@media(max-width:600px){.dns-rewrite-list>div{align-items:flex-start;flex-direction:column;gap:12px}.dns-rewrite-list .suite-actions{width:100%;justify-content:flex-start}}

/* Media previews buffer only the currently opened file. */
.player-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-height:none;overflow:visible;background:#09090b}
.player-stage video{width:100%;max-height:56vh;background:#000;border-radius:10px 10px 0 0}.player-stage audio{width:calc(100% - 32px);margin:0 16px 16px}
.media-player-controls{padding:16px;background:var(--surface-soft);border-top:1px solid var(--line);border-radius:0 0 10px 10px;color:var(--ink)}
.media-player-controls{--player-control-height:34px}
.player-timeline{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;min-height:24px}
.player-timeline>span{font-size:11px;line-height:20px;white-space:nowrap}.player-timeline>span:last-child{text-align:right}
#suite-dialog .media-player-controls .player-timeline input[type=range]{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;height:20px;min-height:20px;max-height:20px;margin:0;padding:0;border:0;border-radius:0;outline-offset:3px;background-color:transparent;background-size:100% 4px;background-repeat:no-repeat;background-position:center;cursor:pointer;accent-color:var(--primary)}
#suite-dialog .player-timeline input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:transparent}
#suite-dialog .player-timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-6px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-sizing:content-box}
#suite-dialog .player-timeline input[type=range]::-moz-range-track{height:4px;border:0;background:transparent}
#suite-dialog .player-timeline input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--primary)}
.player-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:14px}
.player-transport,.player-settings,.player-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.player-transport{flex:none}.player-settings{margin-right:auto}.player-utilities{margin-left:auto}
#suite-dialog .media-player-controls .player-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--player-control-height);min-height:var(--player-control-height);margin:0;padding:0 11px;line-height:1;font-size:11px;white-space:nowrap;flex:none;border-radius:8px}
#suite-dialog .media-player-controls .player-rate{display:inline-flex;align-items:center;flex:none;gap:8px;margin:0;color:var(--muted);font-size:11px;line-height:1;white-space:nowrap}
.player-rate>span{display:block;flex:none;white-space:nowrap;word-break:keep-all}
#suite-dialog .media-player-controls .player-rate select{display:block;box-sizing:border-box;width:auto;min-width:70px;max-width:125px;height:var(--player-control-height);min-height:var(--player-control-height);margin:0;padding:0 25px 0 10px;border:1px solid var(--line);border-radius:8px;background-color:var(--surface);color:var(--ink);font:11px var(--mono);font-variant-numeric:tabular-nums}
.player-footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 20px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.player-buffer{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:10px;line-height:20px;white-space:nowrap}
.player-buffer:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--subtle);flex:none}
.player-connection{margin:0;padding:0;border:0;min-width:0;font-size:11px;color:var(--muted)}.player-connection summary{cursor:pointer;width:fit-content;margin-left:auto;line-height:20px}.player-connection p{margin:12px 0;line-height:1.8;max-width:650px}.player-connection a{font-size:11px;min-height:32px}.player-connection .suite-actions{justify-content:flex-end}
.player-stage:fullscreen{display:flex;justify-content:center;background:#000;width:100%;height:100%;padding:16px}.player-stage:fullscreen video{flex:1;min-height:0;max-height:calc(100vh - 160px)}.player-stage:fullscreen .media-player-controls{flex:none;width:min(1100px,100%);align-self:center}.player-stage:fullscreen .player-connection{display:none}
.audio-cover-panel{min-height:210px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a5b4fc;background:radial-gradient(ellipse at 50% 20%,rgba(99,102,241,.18),transparent 70%),#09090b}.audio-cover-panel>svg{padding:16px;box-sizing:content-box;border:1px solid rgba(165,180,252,.16);border-radius:20px;background:rgba(99,102,241,.09)}.audio-cover-panel>span{font-size:10px;letter-spacing:.15em;color:#a1a1aa}.audio-cover-panel>strong{font-size:15px;font-weight:500;color:#f4f4f5;text-align:center;overflow-wrap:anywhere;max-width:100%}
.image-viewer-stage{display:flex;flex-direction:column;align-items:stretch;max-height:none;overflow:hidden}.image-viewport{height:55vh;min-height:200px;overflow:auto;display:grid;place-items:safe center;cursor:grab;overscroll-behavior:contain;background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px;padding:12px}.image-viewport.dragging{cursor:grabbing}.image-canvas{position:relative;flex:none}.file-preview-stage .image-canvas img{position:absolute;top:50%;left:50%;max-width:none;max-height:none;object-fit:contain;user-select:none}.image-viewer-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px;background:var(--surface-soft);border-top:1px solid var(--line);color:var(--ink)}.image-viewer-controls button{font-size:11px;min-height:32px;padding:6px 10px}.image-viewer-controls>span{font-size:11px;min-width:45px;text-align:center}
@media(max-width:767px){.media-player-controls{padding:12px}.player-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.player-transport{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px}.player-settings{margin:0;justify-content:space-between;gap:10px}.player-utilities{margin:0;display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}.player-footer{grid-template-columns:1fr;gap:6px;margin-top:12px}.player-connection summary{margin-left:0}.player-connection .suite-actions{justify-content:flex-start}.player-timeline{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.player-stage video{max-height:45vh}.image-viewport{height:48vh}.image-viewer-controls{gap:5px;padding:10px 6px}.image-viewer-controls button{padding:6px 8px}.audio-cover-panel{min-height:180px}}