html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--ds-surface-canvas);color:var(--ds-text);font-family:var(--ds-font-base)}.player-shell{background:var(--ds-surface-canvas);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:24px;width:100vw}.player-state{align-items:center;justify-content:center;text-align:center}.player-header{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding-bottom:16px}.player-header span,.widget-label{color:var(--ds-text-muted);font-size:13px;font-weight:var(--ds-font-weight-semibold);letter-spacing:0;text-transform:uppercase}.player-header h1{font-size:34px;margin:4px 0 0}.published-badge{background:var(--ds-surface-panel-hi);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);padding:10px 14px}.dashboard-canvas{aspect-ratio:16 / 9;display:grid;flex:1 1 auto;gap:12px;grid-auto-rows:minmax(0,1fr);grid-template-rows:repeat(14,minmax(0,1fr));min-height:0;width:100%}.dashboard-widget{background:var(--ds-surface-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);box-shadow:inset 0 1px #ffffff0f;box-sizing:border-box;min-height:0;min-width:0;overflow:hidden;padding:16px}.widget-content{display:flex;flex-direction:column;gap:10px;height:100%;min-width:0}.widget-content strong{color:var(--ds-text);font-size:28px;line-height:1.1}.widget-content small{color:var(--ds-text-muted);font-size:15px}.kpi-widget strong{color:var(--ds-status-operational);font-size:44px}.chart-bars{align-items:end;display:grid;flex:1;gap:10px;grid-template-columns:repeat(4,1fr);min-height:70px}.chart-bars i{background:linear-gradient(180deg,var(--ds-brand-primary),var(--ds-brand-secondary));border-radius:4px 4px 0 0}.chart-bars i:nth-child(1){height:45%}.chart-bars i:nth-child(2){height:75%}.chart-bars i:nth-child(3){height:58%}.chart-bars i:nth-child(4){height:90%}.camera-placeholder{align-items:center;background:repeating-linear-gradient(135deg,var(--ds-surface-panel-2),var(--ds-surface-panel-2) 12px,var(--ds-surface-panel-hi) 12px,var(--ds-surface-panel-hi) 24px);justify-content:center;text-align:center}.camera-placeholder strong{color:var(--ds-brand-accent)}.alert-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.alert-list li{background:var(--ds-surface-panel-hi);border-left:4px solid var(--ds-status-operational);border-radius:4px;padding:8px 10px}.iframe-fallback{align-items:center;border:1px dashed var(--ds-border);color:var(--ds-text-muted);display:flex;flex:1;justify-content:center;padding:16px;text-align:center}iframe{border:0;flex:1;width:100%}.display-kiosk-shell{background:radial-gradient(circle at top left,color-mix(in srgb,var(--ds-brand-secondary) 12%,transparent),transparent 28%),var(--ds-surface-canvas);box-sizing:border-box;color:var(--ds-text);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;height:100dvh;overflow:hidden;position:relative;width:100vw}.display-kiosk-overlay-cover{align-items:center;background:radial-gradient(circle at top left,color-mix(in srgb,var(--ds-brand-secondary) 12%,transparent),transparent 28%),var(--ds-surface-canvas);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:absolute;z-index:10}.display-kiosk-warning{background:color-mix(in srgb,var(--ds-status-advisory) 12%,transparent);border:1px solid color-mix(in srgb,var(--ds-status-advisory) 35%,transparent);border-radius:var(--ds-radius-sm);bottom:16px;color:var(--ds-status-advisory);font-size:13px;max-width:min(420px,60vw);padding:8px 12px;position:absolute;right:16px;z-index:10}.display-canvas-fit{align-items:center;display:grid;flex:1 1 auto;justify-items:center;min-height:0;min-width:0;overflow:hidden}.display-canvas-fit--zoomable{position:relative;touch-action:none}.display-published-layout--zoomable{will-change:transform}.display-canvas-fit--zoomable .display-published-layout--zoomable,.display-canvas-fit--zoomable .display-published-layout--zoomable *{touch-action:none}.display-zoom-hint{background:var(--ds-surface-overlay);border:1px solid color-mix(in srgb,var(--ds-brand-primary) 35%,transparent);border-radius:999px;bottom:16px;color:var(--ds-text-muted);font-size:12px;left:50%;margin:0;padding:6px 14px;pointer-events:none;position:absolute;transform:translate(-50%);z-index:10}.display-widget-content{display:grid;gap:min(10px,4%);height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.display-widget-content>*{min-width:0}.display-widget-content strong{color:var(--ds-text);font-size:clamp(16px,7cqw,26px);line-height:1.05;min-width:0;overflow:hidden;text-overflow:ellipsis}.display-widget-content small,.display-muted{color:var(--ds-text-muted);display:-webkit-box;font-size:clamp(10px,3.4cqw,13px);-webkit-line-clamp:2;line-clamp:2;margin:0;overflow:hidden;-webkit-box-orient:vertical}@container (max-width: 220px),(max-height: 150px){.display-widget-content{gap:4px}.display-widget-content header{gap:4px!important}.display-widget-content h3{font-size:12px!important}.display-widget-content small,.display-muted{-webkit-line-clamp:1;line-clamp:1}}.display-embed{display:block;height:100%;min-height:0;min-width:0;padding:0}.display-embed-frame{border-radius:var(--ds-radius-sm);height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;width:100%}.display-embed-iframe{background:transparent;border:0;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:1}.display-embed-fallback{align-items:center;color:var(--ds-text-muted);display:flex;font-size:clamp(11px,3cqw,14px);top:0;right:0;bottom:0;left:0;justify-content:center;margin:0;padding:12px;position:absolute;text-align:center;z-index:0}.display-embed-placeholder{align-content:start}.embed-demo-page{align-items:center;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--ds-brand-secondary) 20%,transparent),transparent 32%),var(--ds-surface-canvas);box-sizing:border-box;color:var(--ds-text);display:flex;height:100dvh;justify-content:center;overflow:hidden;padding:24px;width:100vw}.embed-demo-panel{background:var(--ds-surface-overlay);border:1px solid color-mix(in srgb,var(--ds-brand-primary) 28%,transparent);border-radius:var(--ds-radius-md);box-shadow:inset 0 1px #ffffff0f;display:grid;gap:18px;max-width:960px;padding:clamp(20px,4vw,42px);width:min(100%,960px)}.embed-demo-eyebrow{color:var(--ds-brand-primary);font-size:12px;font-weight:var(--ds-font-weight-semibold);letter-spacing:0;text-transform:uppercase}.embed-demo-panel h1{font-size:clamp(26px,5vw,56px);line-height:1;margin:0}.embed-demo-panel p{color:var(--ds-text-muted);font-size:clamp(14px,2vw,20px);margin:0}.embed-demo-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.embed-demo-grid article{background:color-mix(in srgb,var(--ds-surface-canvas-0) 82%,transparent);border:1px solid color-mix(in srgb,var(--ds-brand-primary) 22%,transparent);border-radius:var(--ds-radius-sm);display:grid;gap:8px;padding:18px}.embed-demo-grid span{color:var(--ds-text-muted);font-size:12px;font-weight:var(--ds-font-weight-semibold);text-transform:uppercase}.embed-demo-grid strong{color:var(--ds-status-operational);font-size:clamp(22px,4vw,42px);line-height:1}:root{--ds-brand-primary: #3b9bff;--ds-brand-secondary: #1e62b8;--ds-brand-accent: #2fd27a;--ds-brand-logo-bg: #0e1a2e;--ds-brand-text-on-primary: #04101f;--ds-surface-canvas-0: #060b16;--ds-surface-canvas: #0a1322;--ds-surface-panel: #0e1a2e;--ds-surface-panel-2: #0c1626;--ds-surface-panel-hi: #13223c;--ds-surface-header: #0a1322;--ds-surface-overlay: rgba(8, 14, 26, .72);--ds-border: #1e2e48;--ds-border-soft: #172539;--ds-status-operational: #2fd27a;--ds-status-advisory: #fbbf24;--ds-status-warning: #f97316;--ds-status-critical: #f0473f;--ds-status-standby: #5b6b82;--ds-status-info: #3b9bff;--ds-status-glow: 1;--ds-cat-1: #FF8B03;--ds-cat-2: #3b82f6;--ds-cat-3: #a78bfa;--ds-cat-4: #86481c;--ds-cat-5: #48ecbb;--ds-cat-6: #22c55e;--ds-text: #f4f8fd;--ds-text-muted: #9db0c8;--ds-text-faint: #5f7088;--ds-font-base: "Inter", "Roboto", system-ui, sans-serif;--ds-font-mono: "Roboto Mono", "SF Mono", ui-monospace, monospace;--ds-font-weight-regular: 500;--ds-font-weight-semibold: 700;--ds-font-weight-bold: 800;--ds-font-hero: 64px;--ds-font-kpi: 84px;--ds-font-title: 25px;--ds-font-subtitle: 21px;--ds-font-body: 19px;--ds-font-caption: 16px;--ds-space-2: 2px;--ds-space-4: 4px;--ds-space-8: 8px;--ds-space-12: 12px;--ds-space-16: 16px;--ds-space-24: 24px;--ds-space-32: 32px;--ds-space-48: 48px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 20px;--ds-radius-xl: 24px;--ds-border-width-status: 2px;--ds-wall-canvas-width: 5760;--ds-wall-canvas-height: 2160;--ds-wall-columns: 3;--ds-wall-rows: 2;--ds-wall-section-padding: 26px;--ds-wall-header-height: 170px;--ds-wall-bezel-gap: 16px}.atlas-btn-ghost:hover:not(:disabled){--atlas-btn-ghost-bg: var(--atlas-btn-ghost-bg-hover, color-mix(in srgb, var(--ds-brand-primary) 12%, transparent))}.atlas-btn-ghost:focus-visible{outline:2px solid var(--atlas-btn-ghost-focus-ring, var(--ds-brand-primary));outline-offset:2px}:root{--ds-brand-primary: #ff8b03;--ds-brand-secondary: #f65900;--ds-brand-accent: #ffd631;--ds-brand-logo-bg: #191919;--ds-brand-text-on-primary: #2b1400;--ds-surface-canvas-0: #0a0a0a;--ds-surface-canvas: #121212;--ds-surface-panel: #191919;--ds-surface-panel-2: #151515;--ds-surface-panel-hi: #202020;--ds-surface-header: #121212;--ds-surface-overlay: rgb(10 10 10 / 72%);--ds-border: #373737;--ds-border-soft: #262626;--ds-text: #f5f5f5;--ds-text-muted: #c9c9c9;--ds-text-faint: #898989;--ds-font-base: "Ubuntu", "Ubuntu Sans", Arial, Helvetica, sans-serif;--ds-font-mono: "Ubuntu Mono", "Roboto Mono", ui-monospace, monospace;--ds-font-weight-regular: 500;--ds-font-weight-semibold: 700;--ds-font-weight-bold: 700}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:local("Ubuntu"),local("Ubuntu Regular"),url(/fonts/ubuntu-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:500;src:local("Ubuntu Medium"),url(/fonts/ubuntu-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:700;src:local("Ubuntu Bold"),url(/fonts/ubuntu-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:400;src:local("Ubuntu Italic"),url(/fonts/ubuntu-400-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ubuntu;font-style:italic;font-weight:700;src:local("Ubuntu Bold Italic"),url(/fonts/ubuntu-700-italic.woff2) format("woff2")}