:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-50:#fafaf9;--gray-100:#f1f1ef;--gray-200:#e4e4e0;--gray-300:#d3d3cd;--gray-400:#a1a19a;--gray-500:#73726c;--gray-600:#55544f;--gray-700:#3d3d3a;--gray-900:#1a1a18;--gray-950:#0f0f0e;--violet-100:#ebe5ff;--violet-500:#7c5aed;--violet-600:#6d3fdb;--violet-700:#5b30b8;--ds-bg-base:var(--gray-50);--ds-bg-surface:#fff;--ds-bg-elevated:var(--gray-100);--ds-bg-hover:var(--gray-100);--ds-text-primary:var(--gray-900);--ds-text-secondary:var(--gray-600);--ds-text-tertiary:var(--gray-500);--ds-border-default:var(--gray-200);--ds-border-hover:var(--gray-300);--ds-accent-default:var(--violet-600);--ds-accent-hover:var(--violet-500);--ds-accent-muted:var(--violet-100);--ds-status-success:#16a34a;--ds-status-success-muted:#22c55e1a;--ds-status-danger:#dc2626;--ds-status-danger-muted:#ef44441a;--ds-status-info:#3b82f6;--ds-status-info-muted:#3b82f61a;--ds-status-warning:#f59e0b;--ds-status-warning-muted:#f59e0b1a;--ds-card-radius:12px;--ds-font-mono:ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Monaco, "Courier New", monospace;--ds-duration-fast:.12s;--ds-duration-normal:.2s;--ds-ease-default:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ds-bg-base);color:var(--ds-text-primary);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.5}a{color:inherit;text-decoration:none}code{font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums slashed-zero}.page{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--ds-border-default);background:#fafaf9f5;position:sticky;top:0}.topbar-inner{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:min(1280px,100% - 32px);min-height:52px;margin:0 auto;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:10px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.brand h1{letter-spacing:0;margin:0;font-size:18px;font-weight:650;line-height:1.15}.brand p{color:var(--ds-text-tertiary);font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums slashed-zero;margin:2px 0 0;font-size:10px;line-height:1.2}.data-source{border:1px solid var(--ds-border-default);background:var(--ds-bg-surface);height:28px;color:var(--ds-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap;font-variant-numeric:tabular-nums slashed-zero;border-radius:9999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:inline-flex}.data-source-dot{background:var(--ds-status-success);width:7px;height:7px;box-shadow:0 0 0 3px var(--ds-status-success-muted);border-radius:9999px}.refresh-link,.primary-button{height:34px;transition:background var(--ds-duration-fast) var(--ds-ease-default), border-color var(--ds-duration-fast) var(--ds-ease-default), box-shadow var(--ds-duration-normal) var(--ds-ease-default), transform var(--ds-duration-fast) var(--ds-ease-default);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.refresh-link{border:1px solid var(--ds-border-default);min-width:76px;color:var(--ds-text-primary);background:var(--ds-bg-surface);padding:0 12px;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #0000000a}.refresh-link:hover{border-color:var(--ds-border-hover);background:#fff;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 3px 8px #00000012,0 0 0 3px #7c5aed14}.main{width:min(1280px,100% - 32px);margin:0 auto;padding:16px 0 40px}.summary{border:1px solid var(--ds-border-default);border-radius:var(--ds-card-radius);background:var(--ds-bg-surface);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--ds-border-default);min-height:74px;padding:12px 14px}.metric:last-child{border-right:0}.metric-label{color:var(--ds-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:9px;font-weight:700;line-height:1}.metric-value{font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums slashed-zero;font-size:24px;font-weight:700;line-height:1}.service-list{gap:12px;display:grid}.service-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-card-radius);transition:border-color var(--ds-duration-fast) var(--ds-ease-default);grid-template-columns:360px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;display:grid}.service-card:hover{border-color:var(--ds-border-hover)}.service-preview{border:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);border-radius:10px;height:196px;position:relative;overflow:hidden}.service-preview iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:1280px;height:700px;transform:scale(.281)}.service-preview-glass{height:24px;color:var(--ds-text-primary);font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums slashed-zero;background:#ffffffe0;border:1px solid #1a1a181f;border-radius:9999px;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.service-main{min-width:0}.service-title-row{align-items:center;gap:8px;min-width:0;display:flex}.service-title{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:650;line-height:1.25}.port-badge,.status{height:22px;font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums slashed-zero;border-radius:9999px;flex:none;align-items:center;padding:0 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.port-badge{background:var(--ds-accent-muted);color:var(--ds-accent-default)}.status{gap:6px}.status:before{content:"";background:currentColor;border-radius:9999px;width:6px;height:6px}.status-ok{background:var(--ds-status-success-muted);color:var(--ds-status-success)}.status-warn{background:var(--ds-status-warning-muted);color:var(--ds-status-warning)}.status-error{background:var(--ds-status-danger-muted);color:var(--ds-status-danger)}.service-description{max-width:780px;color:var(--ds-text-secondary);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.55}.service-meta{color:var(--ds-text-tertiary);letter-spacing:.06em;flex-wrap:wrap;gap:8px 12px;margin:10px 0 0;font-size:10px;font-weight:700;display:flex}.service-meta code{color:var(--ds-text-secondary);letter-spacing:0;overflow-wrap:anywhere;font-size:10px;font-weight:500}.service-actions{align-items:center;display:flex}.primary-button{border:1px solid var(--violet-700);color:#fff;background:linear-gradient(180deg, #8a6cf2 0%, var(--ds-accent-default) 100%);min-width:92px;padding:0 14px;box-shadow:inset 0 1px #ffffff40,0 2px 4px #5b30b833}.primary-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 6px 12px #5b30b847}.primary-button:active,.refresh-link:active{transform:scale(.97)}.empty{border:1px dashed var(--ds-border-hover);border-radius:var(--ds-card-radius);min-height:220px;color:var(--ds-text-secondary);background:var(--ds-bg-surface);text-align:center;place-items:center;padding:24px;display:grid}.empty strong{color:var(--ds-text-primary);margin-bottom:6px;display:block}@media (prefers-reduced-motion:reduce){.refresh-link,.primary-button,.service-card{transition-duration:1ms}}@media (max-width:980px){.topbar-inner{grid-template-columns:minmax(0,1fr) auto;padding:10px 0}.data-source{display:none}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--ds-border-default)}.service-card{grid-template-columns:minmax(0,1fr)}.service-preview{height:180px}.service-preview iframe{transform:scale(.26)}.primary-button{width:100%}}@media (max-width:560px){.topbar-inner,.main{width:min(100% - 20px,1280px)}.topbar-inner,.summary{grid-template-columns:minmax(0,1fr)}.metric,.metric:nth-child(2),.metric:nth-child(-n+2){border-right:0;border-bottom:1px solid var(--ds-border-default)}.metric:last-child{border-bottom:0}.service-title-row{flex-direction:column;align-items:flex-start}.service-preview{height:150px}.service-preview iframe{transform:scale(.22)}}