:root{color:#172026;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;background:#0d7c66;color:#fff;cursor:pointer;padding:10px 14px}button,.primary-link,.secondary-link,.nav-button{min-height:40px}button svg{flex:0 0 auto}button:disabled{cursor:wait;opacity:.66}input,select,textarea{width:100%;border:1px solid #ced8dd;border-radius:6px;background:#fff;color:#172026;padding:10px}.app-shell,.ops-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar,.surface-sidebar{display:flex;flex-direction:column;gap:32px;border-right:1px solid #dbe4e8;background:#fff;padding:28px 20px}.sidebar h1,.surface-sidebar h1,.page-header h2,.panel h3,.player-toolbar h2{margin:0}.sidebar nav,.surface-sidebar nav{display:grid;gap:8px}.sidebar a,.surface-sidebar a,.surface-sidebar nav button{color:#52646e;padding:10px 12px;text-decoration:none;border-radius:6px}.surface-sidebar nav button{width:100%;background:transparent;text-align:left}.sidebar a.active,.sidebar a:hover,.surface-sidebar a.active,.surface-sidebar a:hover,.surface-sidebar nav button.active,.surface-sidebar nav button:hover{background:#e5f3ef;color:#0b6c59}.ghost-button{margin-top:auto;border:1px solid #ced8dd;background:#fff;color:#52646e}.secondary-button{border:1px solid #ced8dd;background:#fff;color:#52646e}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.locale-switcher{display:grid;gap:5px;min-width:150px;color:#52646e;font-size:12px;font-weight:700}.locale-switcher select{padding:8px 10px}.main-surface{min-width:0;padding:28px}.page{display:grid;align-content:start;gap:20px;max-width:1280px;width:100%;padding:28px;min-width:0}.page-header,.player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 6px;color:#6f828c;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card,.panel,.player-shell{border:1px solid #dbe4e8;border-radius:8px;background:#fff}.metric-card{display:grid;gap:8px;padding:18px}.metric-card span,.metric-card small{color:#6f828c}.metric-card strong{font-size:24px}.panel{display:grid;align-content:start;gap:16px;padding:20px}.panel h3{font-size:18px}.table{display:block;overflow:auto;width:100%;border:1px solid #ecf1f3;border-radius:8px;background:#fff}.table>div{padding:12px 14px}.table span{min-width:0}.table-head{position:sticky;top:0;z-index:1;background:#f8fafb}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:12px;min-width:720px;border-bottom:1px solid #ecf1f3}.table-head{color:#6f828c;font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.form-grid label{display:grid;gap:6px;color:#52646e;font-size:13px;font-weight:700}.form-grid .wide{grid-column:1 / -1}.error{color:#b42318}.notice{color:#0b6c59}.marketing-site{min-height:100vh;background:#f5f7f8}.marketing-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px clamp(18px,5vw,72px)}.marketing-nav div,.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.marketing-nav a,.primary-link,.secondary-link{color:#172026;text-decoration:none}.nav-button,.primary-link,.secondary-link{border-radius:6px;padding:10px 14px}.nav-button,.primary-link{background:#0d7c66;color:#fff}.secondary-link{border:1px solid #ced8dd;background:#fff}.hero-band{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:68vh;padding:clamp(36px,6vw,86px) clamp(18px,5vw,72px);background:#fff}.hero-copy{display:grid;gap:22px;max-width:720px}.hero-copy h1{margin:0;color:#172026;font-size:clamp(40px,6vw,78px);line-height:1}.hero-copy p{margin:0;color:#52646e;font-size:18px;line-height:1.6}.signal-board{position:relative;min-height:420px;border-radius:8px;background:linear-gradient(135deg,#e5f3ef,#f6efe1),#edf1f3;overflow:hidden}.node,.line{position:absolute;display:grid;place-items:center}.node{z-index:1;width:70px;height:70px;border-radius:50%;background:#172026;color:#fff;font-weight:800}.node.core{top:42%;left:42%;width:92px;height:92px;background:#0d7c66}.node.n1{top:12%;left:18%}.node.n2{top:16%;right:16%;background:#3c6df0}.node.n3{bottom:18%;left:16%;background:#f2b84b;color:#172026}.node.n4{right:18%;bottom:14%;background:#d64550}.line{width:42%;height:2px;background:#17202647;transform-origin:left center}.line.l1{top:29%;left:27%;transform:rotate(28deg)}.line.l2{top:31%;left:50%;transform:rotate(142deg)}.line.l3{top:58%;left:26%;transform:rotate(-25deg)}.line.l4{top:58%;left:52%;transform:rotate(29deg)}.feature-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dbe4e8;padding:1px}.feature-band article{background:#f5f7f8;padding:28px}.feature-band h2,.feature-band p{margin:0}.feature-band p{margin-top:8px;color:#52646e;line-height:1.5}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:#eef3f5}.auth-panel{display:grid;gap:24px;width:min(100%,430px);border:1px solid #dbe4e8;border-radius:8px;background:#fff;padding:28px}.auth-panel .locale-switcher{margin:12px 0 0}.auth-panel h1,.auth-panel p{margin:0}.auth-panel p{color:#52646e;line-height:1.5}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;color:#52646e;font-size:13px;font-weight:700}.section-title-row,.stream-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stream-card{display:grid;gap:16px;border:1px solid #dbe4e8;border-radius:8px;padding:16px}.stream-card h4,.stream-card dl{margin:0}.stream-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stream-card dt{color:#6f828c;font-size:12px}.stream-card dd{margin:3px 0 0;overflow-wrap:anywhere;font-weight:700}.track-list{display:flex;flex-wrap:wrap;gap:8px}.track-list span{border-radius:999px;background:#edf1f3;color:#52646e;padding:6px 10px;font-size:12px}.history-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(120px,1fr) minmax(150px,1.2fr) minmax(90px,.7fr);gap:12px;min-width:760px;border-bottom:1px solid #ecf1f3;align-items:center}.events-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(170px,1.2fr) minmax(140px,1fr) minmax(110px,.8fr) minmax(210px,1.3fr);gap:12px;min-width:900px;border-bottom:1px solid #ecf1f3;align-items:center}.domain-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(120px,.55fr) minmax(110px,.5fr) minmax(130px,.55fr) minmax(250px,1.1fr) minmax(300px,1.35fr) minmax(82px,.35fr);gap:12px;min-width:1320px;border-bottom:1px solid #ecf1f3;align-items:center}.platform-domain-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(230px,1.2fr) minmax(100px,.55fr) minmax(105px,.55fr) minmax(150px,.75fr) minmax(170px,.85fr) minmax(150px,.75fr);gap:12px;min-width:1180px;border-bottom:1px solid #ecf1f3;align-items:center}.tenant-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(220px,1fr) minmax(80px,.4fr);gap:12px;min-width:840px;border-bottom:1px solid #ecf1f3;align-items:center}.realtime-app-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(180px,.9fr) minmax(80px,.4fr);gap:12px;min-width:820px;border-bottom:1px solid #ecf1f3;align-items:center}.muted-copy{margin:0;color:#6f828c;line-height:1.5}.report-table+.report-table{margin-top:2px}.mono-cell{overflow:hidden;color:#172026;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.copyable-cell,.copyable-value{display:inline-flex;align-items:center;gap:7px;min-width:0}.copyable-cell{width:100%}.copyable-text,.copyable-value span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon-button{display:inline-grid;place-items:center;width:28px;height:28px;min-height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:#52646e;padding:0}.copy-icon-button:hover{border-color:#ced8dd;background:#fff;color:#0b6c59}.copy-icon-button.danger:hover{border-color:#ffd5d2;color:#b42318}.copy-icon-button:disabled{opacity:.4}.row-actions{display:inline-flex;align-items:center;gap:6px}.empty-state{margin:0;padding:18px;color:#6f828c}.dns-help{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dbe4e8;border-radius:8px;background:#f8fafb;padding:14px}.dns-help div{display:grid;gap:4px;min-width:0}.dns-help span{color:#6f828c;font-size:13px}.dns-help strong{max-width:100%}.domain-editor-panel{gap:20px}.domain-editor{display:grid;gap:0;border:1px solid #dbe4e8;border-radius:8px;overflow:hidden}.editor-section{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:24px;border-bottom:1px solid #ecf1f3;padding:22px}.editor-section-copy{display:grid;align-content:start;gap:8px}.editor-section-copy h4,.settings-page-copy h5{margin:0;font-size:16px}.editor-section-copy p,.settings-page-copy p,.domain-host-input small,.readonly-preview span{margin:0;color:#6f828c;font-size:13px;line-height:1.5}.domain-kind-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.domain-kind-card{display:grid;place-items:start;gap:12px;min-height:116px;border:1px solid #dbe4e8;border-radius:8px;background:#fff;color:#172026;padding:16px;text-align:left}.domain-kind-card.active{border-color:#0d7c66;background:#f0faf7;box-shadow:inset 3px 0 #0d7c66}.domain-kind-card span{color:#52646e;line-height:1.45}.domain-kind-card code,.readonly-preview code{color:#172026;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.editor-fields{display:grid;gap:14px;align-content:start}.editor-fields.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-fields .wide{grid-column:1 / -1}.readonly-preview{display:grid;gap:6px;border:1px solid #ecf1f3;border-radius:8px;background:#f8fafb;padding:12px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px;background:#f8fafb}.form-actions{display:flex;justify-content:flex-end}.domain-host-input{display:grid;gap:6px;min-width:0}.domain-host-input span,.segmented-field legend{color:#52646e;font-size:13px;font-weight:700}.segmented-field{display:grid;gap:6px;min-width:280px;border:0;margin:0;padding:0}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border:1px solid #ced8dd;border-radius:8px;background:#edf1f3;padding:3px}.segmented-control.four{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented-control label{display:grid;min-height:34px;place-items:center;border-radius:6px;color:#52646e;cursor:pointer;font-size:13px;font-weight:700;padding:0 12px;white-space:nowrap}.segmented-control label.active{background:#fff;color:#0b6c59;box-shadow:0 1px 2px #1720261a}.segmented-control label.disabled{cursor:not-allowed;opacity:.45}.segmented-control input{position:absolute;opacity:0;pointer-events:none}.segmented-field small{color:#6f828c;font-size:12px}.playback-settings-layout{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);min-height:310px;border:1px solid #dbe4e8;border-radius:8px;overflow:hidden;background:#fff}.settings-menu{display:grid;align-content:start;border-right:1px solid #dbe4e8;background:#f8fafb}.settings-menu button{display:grid;gap:4px;min-height:72px;border-radius:0;border-bottom:1px solid #ecf1f3;background:transparent;color:#52646e;padding:14px;text-align:left}.settings-menu button.active{background:#fff;color:#0b6c59;box-shadow:inset 3px 0 #0d7c66}.settings-menu button span{color:#6f828c;font-size:12px;line-height:1.4}.settings-page{display:grid;align-content:start;gap:16px;padding:18px}.settings-page-copy{display:grid;gap:8px}.publish-api-panel{gap:18px}.publish-api-layout{display:grid;grid-template-columns:minmax(220px,.26fr) minmax(0,1fr);min-height:520px;border:1px solid #dbe4e8;border-radius:8px;overflow:hidden}.publish-api-page{gap:18px}.publish-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.publish-config-grid .wide{grid-column:1 / -1}.code-panel{display:grid;overflow:hidden;border:1px solid #dbe4e8;border-radius:8px;background:#172026}.code-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgb(255 255 255 / 10%);color:#d8f5ee;padding:10px 12px}.code-panel-header .copy-icon-button{color:#d8f5ee}.code-panel pre{margin:0;max-width:100%;overflow:auto;padding:14px}.code-panel code{color:#d8f5ee;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.endpoint-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.endpoint-doc-grid article{display:grid;gap:6px;border:1px solid #dbe4e8;border-radius:8px;padding:14px}.endpoint-doc-grid span{color:#6f828c;font-size:13px}.endpoint-doc-grid strong{overflow-wrap:anywhere}.switch-field{display:inline-flex;align-items:center;gap:10px;color:#52646e;font-size:13px;font-weight:700}.switch-field input{width:18px;height:18px}.embed-code{display:block;overflow:auto;border-radius:6px;background:#172026;color:#d8f5ee;padding:14px}.player-shell{display:grid;gap:18px;min-height:430px;padding:20px}.status-pill{border-radius:999px;background:#edf1f3;color:#52646e;padding:6px 10px;font-size:13px;font-weight:700}.status-pill.live{background:#e5f3ef;color:#0b6c59}.status-pill.neutral{background:#eef3f5;color:#52646e}.status-pill.rejected{background:#fff1f0;color:#b42318}.offline-state,.audio-player,.video-stage{display:grid;place-items:center;min-height:320px;border-radius:8px;background:#eef3f5}.audio-player{align-content:center;gap:18px}.audio-meter{display:flex;align-items:center;gap:5px;height:120px}.audio-meter span{width:7px;border-radius:999px;background:#0d7c66}.video-stage{gap:12px;padding:18px}.video-frame{position:relative;display:grid;place-items:center;width:min(100%,760px);aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:#111c22;color:#fff}.test-pattern{position:absolute;inset:0;background:linear-gradient(90deg,#0d7c66 0 20%,#f2b84b 20% 40%,#3c6df0 40% 60%,#d64550 60% 80%,#172026 80%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / 18%),transparent 28%);opacity:.82}.video-frame p{position:relative;border-radius:999px;background:#0000007f;padding:8px 12px}.audio-strip{display:flex;flex-wrap:wrap;gap:8px}.audio-strip span{border-radius:999px;background:#e5f3ef;color:#0b6c59;padding:6px 10px}@media(max-width:820px){.app-shell,.ops-shell,.hero-band,.feature-band,.stream-grid{grid-template-columns:1fr}.sidebar,.surface-sidebar{position:static;border-right:0;border-bottom:1px solid #dbe4e8}.sidebar nav,.metrics-grid,.form-grid,.report-summary,.editor-section,.domain-kind-cards,.editor-fields.two-column,.playback-settings-layout,.publish-api-layout,.publish-config-grid,.endpoint-doc-grid{grid-template-columns:1fr}.main-surface,.page{padding:18px}.page-header,.player-toolbar,.marketing-nav,.section-title-row,.stream-card-head{align-items:flex-start;flex-direction:column}.section-actions{justify-content:flex-start;width:100%}.signal-board{min-height:320px}.dns-help{align-items:stretch;flex-direction:column}.segmented-field{min-width:0}.segmented-control.four{grid-template-columns:1fr}.settings-menu{border-right:0;border-bottom:1px solid #dbe4e8}.settings-menu button.active{box-shadow:inset 3px 0 #0d7c66}.form-actions,.editor-actions{justify-content:stretch}.form-actions button,.editor-actions button{width:100%}.editor-actions{flex-direction:column-reverse}}
