@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--paper:#f4f3ec;--ink:#202823;--muted:#757d74;--line:#dcded3;--green:#aaca89;--orange:#f2784b;--dark:#191e1b;font-family:'DM Sans',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d56332;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(32px,3.2vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.8px}h2{font-size:16px}h3{font-size:20px;margin:12px 0}p{line-height:1.65}select,input,textarea{min-width:0}input[type=range]{accent-color:#b6cc93;height:22px;cursor:pointer}input[type=checkbox]{accent-color:#67984c}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:30px}.brand{font-weight:700;font-size:27px;letter-spacing:-1.5px;display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-icon{width:30px;height:30px;background:var(--ink);color:var(--paper);font-size:32px;line-height:23px;text-align:center;margin-right:7px;border-radius:7px}.brand .slash{color:#8a9788;font-weight:400}.brand small{font-family:monospace;font-size:9px;line-height:1.5;letter-spacing:1.4px;width:65px;margin-left:12px;white-space:normal}.project-name{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#757d74;margin-left:auto}.project-name span{padding:0 10px;color:#bbc0b6}.status-pill{display:flex;align-items:center;gap:9px;font-size:11px;background:#e6eadb;border:1px solid #d0d9c4;border-radius:30px;padding:10px 14px;white-space:nowrap}.status-pill i,.tiny-led{height:6px;width:6px;background:#80906b;border-radius:50%;display:inline-block}.status-pill.live{background:#d9edcf}.status-pill.live i{background:#3a923a}.shell{display:grid;grid-template-columns:206px 1fr;min-height:calc(100vh - 82px)}.sidebar{padding:34px 18px;border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#7c8479;line-height:1.7}.sidebar>.eyebrow{padding-left:14px;margin-bottom:20px}.nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;background:transparent;color:#737d72;margin-bottom:7px;font-size:12px;border-radius:5px}.nav>span:first-child{font-size:18px}.nav.active{background:#dfe5d7;color:#293a26;font-weight:700}.nav-count{margin-left:auto;font-size:10px;color:#7e8f75}.side-note{margin-top:auto;padding:50px 13px 14px;font-size:9px;font-weight:700;letter-spacing:.8px}.side-note p{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin:12px 0 30px}.tiny-led{margin-right:4px;background:#e99569}.version{font-family:monospace;font-size:9px;color:#959b90}main{padding:36px 38px 0;max-width:1700px;width:100%;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{margin-top:11px;color:var(--muted);font-size:12px}.secondary{background:transparent;border:1px solid #cbd0c3;color:#52604e;padding:11px 14px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.secondary:hover{background:#e8ebdf}.secondary span{margin-left:14px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.console{background:linear-gradient(140deg,#242a25,#161b18);padding:24px;border:1px solid #3a4238;border-radius:12px;box-shadow:0 10px 20px #25331b0e;color:#edeedc}.console-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b4137;padding-bottom:20px;gap:8px}.console-header>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}.console-header select{background:transparent;border:0;color:#f0f3e7;font-size:22px;font-weight:500;max-width:100%;margin-left:-4px}.console-header select option{background:#252d25;color:#fff}.mono{font-family:monospace;font-size:9px;letter-spacing:.6px;color:#8b9887}.mic-state{font:9px monospace;letter-spacing:.4px;background:#111713;padding:9px 10px;border-radius:4px;display:flex;gap:7px;align-items:center;white-space:nowrap}.mic-state i{height:5px;width:5px;border-radius:50%;background:#73846b}.mic-state.talking{color:#c2ef91}.mic-state.talking i{background:#b3e786;box-shadow:0 0 7px #8cdf6e}.modebar{display:flex;justify-content:space-between;align-items:center;padding:17px 0;color:#96a08f;font-size:10px;gap:12px}.switch-label{display:flex;align-items:center;gap:6px;white-space:nowrap}.keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.key{border:1px solid #46503f;background:#2d352c;border-radius:7px;overflow:hidden;position:relative;box-shadow:0 4px 0 #0f140f}.key.disabled{opacity:.4}.key-talk{width:100%;min-height:130px;background:transparent;color:#dfe7d5;text-align:left;padding:15px 15px 9px;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:none;position:relative}.key-top{display:flex;justify-content:space-between;width:100%;font:9px monospace;letter-spacing:1px;color:var(--key-color)}.key-num{border:1px solid #59634e;width:19px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;font:10px monospace;color:#9da68f}.key-title{font-family:'Barlow Condensed',sans-serif;font-size:25px;line-height:1.1;font-weight:600;margin-top:19px;color:var(--key-color);overflow-wrap:anywhere}.key-sub{font-size:9px;color:#9aa48e;margin-top:7px;line-height:1.4}.key-listen{display:flex;align-items:center;gap:6px;padding:9px 10px;background:#252e23;border-top:1px solid #43503b}.listen{color:#aab99b;background:transparent;font:9px monospace;white-space:nowrap;padding:5px 0;min-width:35px}.listen.off{color:#71816a}.key-listen input{width:100%;min-width:20px}.key-listen output{font:9px monospace;color:#9eae8f;min-width:22px}.key.active{background:#b5d28e;border-color:#c6e1a5;box-shadow:0 0 24px #b5d28e20,0 4px 0 #678247}.key.active .key-talk,.key.active .key-title,.key.active .key-top,.key.active .key-sub{color:#23331b}.key.active .key-listen{background:#9bbd73;border-color:#799957}.key.active .listen,.key.active .key-listen output{color:#314824}.key.pending{border-color:var(--orange)}.console-bottom{display:flex;justify-content:space-between;gap:6px;margin-top:23px;color:#839178;font-size:9px}.console-bottom b{color:#b8c5a8}.direct-panel{margin-top:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;padding:16px;background:#f9f9f3}.direct-panel>div{margin-right:auto}.direct-panel strong{display:block;font-size:12px;margin-top:4px}.direct-panel select{max-width:170px;background:transparent;border:1px solid #d4d9cc;padding:9px;border-radius:4px;font-size:11px}.primary{background:var(--ink);color:#eef3e7;padding:12px 16px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.primary:hover{background:#374733}.primary.speaking{background:#86a962;color:#13270d}.master-row{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:#6b7564}.master-row input{flex:1;min-width:40px;max-width:160px;accent-color:#6d845c}.master-row output{width:30px;font-family:monospace}.stop{border:1px solid #dfc6ba;color:#98634e;background:transparent;padding:8px 10px;border-radius:4px;font-size:10px}.master-row .stop{margin-left:auto}.footnote{font-size:9px;color:#929a8c;margin-top:13px}.crew-panel{border:1px solid var(--line);border-radius:8px;padding:19px;background:#eeeee5;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:13px}.counter{font:10px monospace;border:1px solid #d3d8c9;border-radius:3px;padding:3px 6px;color:#859275}.muted{color:var(--muted);font-size:10px}.crew-panel>.muted{margin:6px 0 14px}.crew-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #dcdfd2}.avatar{height:29px;width:29px;border-radius:5px;background:#dee3d4;display:flex;align-items:center;justify-content:center;font:9px monospace;flex-shrink:0;color:#70825e}.crew-row.receiving .avatar{background:#b8d18f;color:#314820}.crew-row .person{font-size:10px;font-weight:600}.crew-row .device{font-size:8px;color:#939b8a;margin-top:3px}.crew-row .tag{margin-left:auto;font:8px monospace;color:#818e73;max-width:68px;overflow-wrap:anywhere;text-align:right}.crew-row.receiving .tag{color:#557b36}.crew-row.backup{opacity:.5}.signal-card{border-top:1px solid #d6dccb;margin-top:13px;padding-top:14px}.signal-card #signal-route{font-size:12px;font-weight:600;line-height:1.5;margin-top:7px;min-height:35px}.signal-card p{font-size:9px;color:#8a9680;line-height:1.6;margin-bottom:14px}.wave{height:23px;margin:12px 0;background:repeating-linear-gradient(90deg,#cbd6bd 0 3px,transparent 3px 7px);clip-path:polygon(0 40%,10% 40%,10% 25%,20% 25%,20% 0,30% 0,30% 35%,40% 35%,40% 15%,50% 15%,50% 45%,60% 45%,60% 20%,70% 20%,70% 0,80% 0,80% 35%,90% 35%,90% 45%,100% 45%,100% 55%,90% 55%,90% 65%,80% 65%,80% 100%,70% 100%,70% 80%,60% 80%,60% 55%,50% 55%,50% 85%,40% 85%,40% 65%,30% 65%,30% 100%,20% 100%,20% 75%,10% 75%,10% 60%,0 60%)}.wave.active{background:repeating-linear-gradient(90deg,#739d54 0 3px,transparent 3px 7px)}.full{width:100%}.activity{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0;margin-top:20px;font-size:10px;color:#65745b;min-height:65px}.activity .eyebrow{white-space:nowrap}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 0;font:8px monospace;letter-spacing:1.2px;color:#9aA18f;margin-top:12px}footer b{color:#df8b63;padding:0 9px}.notice{border:1px solid #d8d6bd;background:#ebeada;border-radius:6px;padding:15px 18px;font-size:12px;line-height:1.65;color:#7b7859;margin-bottom:24px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px;background:#fafaf5}table{border-collapse:collapse;width:100%;min-width:820px}th,td{padding:16px 12px;text-align:center;border-bottom:1px solid #e1e4d9}th{font-size:11px;background:#e9eddf}th:first-child,td:first-child{text-align:left;padding-left:20px;min-width:200px}th small{display:block;font:9px monospace;margin-bottom:5px;color:#859275}td strong{display:block;font-size:12px}td small{font-size:9px;color:#8b9680}td label{font-size:9px;display:inline-flex;align-items:center;gap:2px;margin:0 3px}.routing-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.info-card{padding:24px;border:1px solid var(--line);border-radius:6px}.info-card p{color:#75806d;font-size:12px}.hardware-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:30px 0 50px}.hardware-render{background:linear-gradient(130deg,#343a32,#101710);border:2px solid #41463c;border-bottom-width:12px;padding:22px;border-radius:22px;box-shadow:0 30px 45px #23341925;transform:rotate(-3deg);max-width:410px;margin:0 auto;width:100%}.hardware-top,.hardware-bottom{display:flex;justify-content:space-between;font:10px monospace;color:#919f84;padding:7px 4px 22px}.hardware-top i{height:5px;width:5px;background:#acd888;border-radius:50%}.hardware-bottom{font-size:8px;padding:24px 2px 2px}.hardware-render #hardware-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hardware-key{aspect-ratio:1;background:radial-gradient(#d5e9b4,#9db77e);border:6px solid #0e150f;border-radius:12px;box-shadow:0 3px 0 #080c07;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3px;color:#364c28;font-family:'Barlow Condensed',sans-serif;font-size:17px;overflow-wrap:anywhere}.hardware-key small{font:8px monospace;margin-bottom:7px;opacity:.65}.hardware-copy>h2{font-family:'Barlow Condensed',sans-serif;font-size:34px;margin:10px 0}.hardware-copy>p{font-size:12px;color:#78836e}.hardware-step{display:flex;gap:18px;margin-top:23px}.hardware-step>b{font:12px monospace;color:#a4b68e;padding-top:3px}.hardware-step strong{font-size:12px}.hardware-step p{font-size:11px;color:#838d7b;margin-top:5px}dialog{border:1px solid #d4dbcb;border-radius:12px;padding:26px;background:var(--paper);color:var(--ink);max-width:500px;width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#0a190da8;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dialog-top h2{font-size:22px;font-family:'Barlow Condensed',sans-serif}.icon-button{background:transparent;font-size:28px;color:#738369}dialog p{font-size:12px;color:#7c8572;margin-bottom:18px}dialog label{display:block;font-size:11px;margin-bottom:15px}dialog input,dialog textarea,dialog select{display:block;width:100%;padding:11px;border:1px solid #c9d1c0;background:#fafcf5;color:#314428;border-radius:4px;margin-top:7px}dialog textarea{resize:vertical;font:11px monospace}.compact{font-size:11px;padding:12px;margin-bottom:18px}.local-join{border-top:1px solid var(--line);padding:17px 0;margin-top:18px;font-size:11px}.local-join button{margin:10px 0}.local-join small{display:block;color:#8a937e}.key-option{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:15px}#connection-error{color:#b05034;margin-top:12px;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #a8b398;border-radius:6px;background:#253021;color:#f3f6ec;font-size:12px;box-shadow:0 8px 25px #13201533;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;z-index:10}#toast.visible{opacity:1}[hidden]{display:none!important}
@media(min-width:1450px){main{padding:45px 50px 0}.workspace-grid{grid-template-columns:minmax(0,1fr) 310px}.key-talk{min-height:158px}.key-title{font-size:30px}.crew-row{padding:11px 0}}
@media(max-width:1150px){.shell{grid-template-columns:160px 1fr}.sidebar{padding:30px 10px}.sidebar>.eyebrow{font-size:8px}.workspace-grid{grid-template-columns:minmax(0,1fr) 230px;gap:17px}main{padding:28px 24px 0}.console{padding:18px}.key-talk{padding:12px;min-height:122px}.key-title{font-size:22px}.direct-panel{flex-wrap:wrap}.direct-panel>div{width:100%}.direct-panel select{flex:1;max-width:none}.console-header select{font-size:19px}.mic-state{font-size:8px}.project-name{display:none}.status-pill{margin-left:auto}}
@media(max-width:920px){.workspace-grid{grid-template-columns:1fr}.crew-panel #crew{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.signal-card{margin-top:16px}.crew-panel{padding:20px}.hardware-layout{gap:30px}.sidebar{padding-top:25px}.page-heading{align-items:flex-start}.page-heading>.secondary{font-size:10px;padding:9px}.direct-panel>div{width:auto}.key-talk{min-height:132px}}
@media(max-width:650px){.topbar{height:65px;padding:0 18px;gap:12px}.brand{font-size:24px}.brand small{display:none}.status-pill{font-size:9px;padding:9px 10px}.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px 14px}.sidebar>.eyebrow,.side-note{display:none}.sidebar nav{display:flex;gap:4px}.nav{margin:0;padding:9px 10px;font-size:11px;justify-content:center;gap:8px}.nav-count{display:none}main{padding:25px 16px 0}.page-heading{gap:10px;flex-wrap:wrap}.page-heading h1{font-size:34px}.page-heading>.secondary{margin-top:3px}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.console{padding:16px;border-radius:9px}.console-header{gap:5px;padding-bottom:16px}.console-header select{font-size:20px}.console-header .eyebrow{font-size:8px}.mic-state{padding:7px}.key-talk{min-height:113px;padding:12px 14px}.key-title{font-size:26px;margin-top:11px}.modebar{font-size:9px;align-items:flex-start}.modebar>span{max-width:170px;line-height:1.5}.console-bottom{font-size:8px}.console-bottom .mono{font-size:7px}.direct-panel{padding:15px 12px;gap:10px}.direct-panel>div{width:100%}.direct-panel .primary{padding:12px 10px}.master-row{gap:9px;flex-wrap:wrap}.master-row input{max-width:95px}.master-row .stop{padding:8px}.footnote{font-size:9px}.activity{align-items:flex-start;flex-direction:column;gap:6px}.routing-bottom,.hardware-layout{grid-template-columns:1fr}.hardware-layout{padding:10px 8px 25px;gap:50px}.hardware-render{max-width:320px}.hardware-copy>h2{font-size:32px}footer{font-size:7px;letter-spacing:.6px;flex-wrap:wrap}.crew-panel #crew{grid-template-columns:1fr 1fr;gap:0 12px}.crew-row .tag{font-size:7px}.crew-row .person{font-size:9px}.avatar{height:24px;width:24px;font-size:8px}.crew-row .device{font-size:7px}.crew-row{gap:6px}.console-header .mono{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.config-actions{display:flex;gap:8px}.config-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;background:#fafaf4;margin-bottom:22px}.config-stats>div{padding:20px 23px;border-right:1px solid var(--line)}.config-stats>div:last-child{border:0}.config-stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:500;margin:3px 0}.config-stats small{font-size:10px;color:#8a9580}.config-stats .config-status strong{font-size:25px;line-height:1.7;color:#859064}.recommend-banner{display:flex;align-items:center;gap:30px;background:#e3e9d6;border:1px solid #cedabc;border-left:4px solid #8fab6d;border-radius:6px;padding:21px 24px;margin-bottom:28px}.recommend-banner h3{font-size:17px;margin:5px 0 8px}.recommend-banner p{font-size:11px;color:#6f7f60;max-width:760px}.recommend-banner .primary{margin-left:auto}.config-tabs{display:flex;border-bottom:1px solid var(--line);gap:26px;margin-bottom:22px}.config-tabs button{background:transparent;color:#8c9681;font-size:12px;padding:12px 1px 15px;border-bottom:2px solid transparent}.config-tabs button.active{color:#34472b;font-weight:700;border-color:#667f50}.config-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.config-toolbar input,.config-toolbar select{border:1px solid #d1d8c7;border-radius:5px;background:#fafbf5;padding:11px;font-size:11px;color:#68785b}.config-toolbar input{width:280px;max-width:45%}.config-toolbar #filter-count{font:10px monospace;color:#95a087}.config-toolbar .primary{margin-left:auto}.crew-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.person-card{border:1px solid #d4dbca;border-radius:8px;background:#fafbf5;padding:17px;min-width:0}.person-card-top{display:flex;align-items:center;gap:9px;margin-bottom:19px}.person-card-top>div{min-width:0}.person-card-top h3{font-size:12px;margin:0 0 4px;overflow-wrap:anywhere}.person-card-top p{font-size:8px;line-height:1.4;color:#8b9680;overflow-wrap:anywhere}.person-card-top .avatar{height:32px;width:32px}.role-zone{font:7px monospace;letter-spacing:.5px;background:#e8ecdF;border-radius:3px;color:#7c8e6c;padding:4px 5px;margin-left:auto;max-width:70px;overflow-wrap:anywhere}.permission-summary{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:8px 0;min-height:18px}.permission-summary>span{font:8px monospace;letter-spacing:1px;color:#8a987d;min-width:40px}.permission-summary b{font:7px monospace;font-weight:600;border-left:2px solid var(--chip);background:#edf0e7;color:#697e58;padding:3px 4px}.permission-summary small{font-size:9px;color:#9ca58f}.mini-key-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:17px 0;padding-top:15px;border-top:1px solid #e3e8d9}.mini-key-row>span{background:#e3e9d8;border:1px solid #d2dcc4;border-bottom-width:3px;min-height:44px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font:7px monospace;color:#6b8058;padding:4px 2px;border-radius:4px;overflow-wrap:anywhere}.mini-key-row small{font-size:7px;opacity:.6;margin-bottom:3px}.person-card-actions{display:flex;gap:7px;justify-content:space-between}.person-card-actions button{font-size:9px;padding:8px}.config-bottom{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 18px}.config-bottom #apply-server{margin-left:auto}.matrix-legend{font-size:11px;color:#7b8a6c;margin-bottom:14px}.matrix-legend span{margin:0 10px}.matrix-check{position:relative}.matrix-check input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.matrix-check span{border:1px solid #d6dfcb;background:#f2f5ec;border-radius:4px;padding:6px 8px;color:#abb6a0;font:10px monospace}.matrix-check input:checked+span{background:#b9d099;border-color:#9cb778;color:#314b21}.matrix-check input:focus-visible+span{outline:3px solid #d56332;outline-offset:2px}#matrix th:first-child,#matrix td:first-child{position:sticky;left:0;background:#f8faf2;z-index:1}#matrix th:first-child{background:#e9eddf}.config-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel-card{padding:23px;background:#fafbf5;border:1px solid var(--line);border-top:4px solid var(--channel);border-radius:6px}.channel-card h3{font-family:'Barlow Condensed',sans-serif;font-size:28px}.channel-card p{font-size:11px;color:#7b896d;min-height:90px}.channel-card>div{display:flex;gap:16px;margin-top:16px;font:9px monospace;color:#78915e;border-top:1px solid #e0e6d7;padding-top:14px}.monitor-tip{grid-column:1/-1;background:#e9eedf}.empty-state{grid-column:1/-1;border:1px dashed #c9d2bb;padding:60px 20px;text-align:center;color:#8e9c7d;font-size:12px}.editor-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-label{display:flex!important;align-items:center;gap:8px}.inline-label input{display:inline;width:auto;margin:0}.editor-section{border-top:1px solid var(--line);padding-top:16px;margin:15px 0}.edit-channel{display:grid;grid-template-columns:1fr 95px 75px;align-items:center;padding:9px 0;border-bottom:1px solid #e1e7d7;font-size:11px}.edit-channel label{margin:0;display:flex;align-items:center;gap:5px;font-size:10px}.edit-channel input{width:auto;margin:0}.editor-key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px;margin-top:10px}.editor-key-grid select{font-size:10px;padding:9px 5px}#person-dialog{max-width:610px}#config-scope{font-size:11px}
@media(max-width:1250px){.crew-config-grid,.config-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-stats>div{padding:18px}.config-toolbar{flex-wrap:wrap}.recommend-banner{gap:18px}.config-stats small{font-size:9px}.config-toolbar .primary{margin-left:auto}}
@media(max-width:650px){.config-stats{grid-template-columns:1fr 1fr}.config-stats>div{border-bottom:1px solid var(--line);padding:16px}.config-stats>div:nth-child(2){border-right:0}.config-stats>div:nth-child(3){border-bottom:0}.config-stats strong{font-size:32px}.recommend-banner{padding:19px;flex-direction:column;align-items:flex-start}.recommend-banner .primary{margin-left:0}.config-tabs{gap:16px}.config-tabs button{font-size:10px;white-space:nowrap}.config-toolbar input{max-width:none;width:100%}.config-toolbar select{flex:1}.config-toolbar #filter-count{font-size:9px}.config-toolbar .primary{width:100%;margin-top:2px}.crew-config-grid,.config-channel-grid{grid-template-columns:1fr}.person-card{padding:19px}.person-card-top h3{font-size:14px}.person-card-top p{font-size:10px}.permission-summary b{font-size:8px}.mini-key-row>span{font-size:8px;min-height:48px}.person-card-actions button{font-size:10px}.config-bottom #apply-server{margin-left:0}.config-bottom button{font-size:10px}.editor-two{grid-template-columns:1fr;gap:0}.editor-key-grid{grid-template-columns:repeat(2,1fr)}.config-actions button{font-size:10px}.channel-card p{min-height:0}}
.autolevel-panel{margin-top:20px;padding:18px 20px;background:#e9eedf;border:1px solid #d4dfc7;border-radius:7px}.autolevel-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.autolevel-header strong{display:block;font-size:13px;margin-top:3px}.autolevel-header .switch-label{font-size:11px}.autolevel-panel>p{font-size:10px;color:#7b8a6c;margin-top:8px}.level-summary{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:10px;color:#768b60}.level-summary .secondary{margin-left:auto;font-size:9px;padding:8px}.level-indicator{height:6px;width:6px;background:#91af71;border-radius:50%;flex-shrink:0}.level-settings{border-top:1px solid #d7e1cb;margin-top:14px;padding-top:12px}.level-settings summary{font-size:10px;color:#798c65;cursor:pointer}.level-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.level-controls label{font-size:9px;color:#7a8b68}.level-controls select{display:block;width:100%;margin-top:6px;padding:8px 5px;background:#f4f8eb;border:1px solid #cbd9bb;border-radius:4px;font-size:10px;color:#657a51}.level-actions{display:flex;gap:10px;margin:15px 0 12px}.level-actions button{font-size:9px}.level-explainer{font-size:9px;color:#8b987d}.level-speaker{display:flex;align-items:center;gap:15px;border-top:1px solid #d5e0c7;margin-top:12px;padding-top:12px}.level-speaker strong{font-size:10px;display:block}.level-speaker small{font-size:9px;color:#81936e;display:block;margin-top:3px}.level-speaker b{font:11px monospace;color:#647e48;min-width:65px;text-align:right}.level-meter{margin-left:auto;height:5px;width:100px;background:#d0dcc2;border-radius:4px;overflow:hidden}.level-meter i{display:block;height:100%;background:#8aa669}.matrix-mode{display:flex;gap:10px;margin-bottom:14px}.matrix-mode button.selected{background:#dfe8d0;border-color:#b4c69e;color:#486533}.people-matrix{min-width:1150px}.people-matrix th,.people-matrix td{padding:9px 7px;border-right:1px solid #e2e7d9;min-width:98px;max-width:110px}.people-matrix th:first-child,.people-matrix td:first-child{min-width:175px!important;max-width:175px;padding-left:16px!important;box-shadow:3px 0 8px #536b2910}.axis-label{font:8px monospace;letter-spacing:.6px;color:#80916f;line-height:1.8}.receiver-heading .avatar{margin:2px auto 8px}.receiver-heading strong{font-size:10px;font-weight:600;display:block}.route-cell{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px;min-height:50px;width:100%;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px;font-size:8px}.route-cell:hover{background:#e4edd7;border-color:#bacc9f}.route-cell span{background:#e4ebd9;border-left:2px solid var(--chip);padding:4px;font:7px monospace;color:#536b40}.route-cell.no-route{color:#a6af9b;font-size:8px}.self-cell{color:#bec8b1;background:repeating-linear-gradient(135deg,#ecf0e5,#ecf0e5 4px,#f3f6ed 4px,#f3f6ed 8px)}.people-matrix tbody tr:hover td{background-color:#edf3e4}.route-detail-pair{display:flex;align-items:center;justify-content:space-between;background:#e7eddf;padding:20px 15px;gap:15px;border-radius:6px;margin-bottom:20px}.route-detail-pair strong{font-size:14px}.route-detail-pair>span{color:#97ad7c}.route-detail-channels{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.route-detail-channels>span{border-left:3px solid var(--chip,#9daa88);padding:7px 10px;background:#e6ecde;font-size:11px}.route-detail-actions{display:flex;gap:10px;margin-bottom:20px}.matrix-check span{font-size:9px;padding:7px 6px}.matrix-check{margin:3px 2px}
@media(max-width:650px){.autolevel-panel{padding:16px}.autolevel-header strong{font-size:12px}.level-summary{flex-wrap:wrap}.level-summary .secondary{margin-left:0}.level-controls{grid-template-columns:1fr}.level-controls label{font-size:10px}.level-controls select{font-size:12px}.level-meter{width:60px}.level-speaker{gap:8px}.level-speaker b{font-size:10px}.level-actions{flex-wrap:wrap}.route-detail-actions{flex-direction:column}.route-detail-pair strong{font-size:12px}.matrix-mode .secondary{font-size:10px}}
.graph-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.graph-toolbar>label{font-size:10px;color:#7b8d68}.graph-toolbar select{display:block;margin-top:5px;padding:10px;border:1px solid #cbd7bf;border-radius:5px;background:#fafcf5;font-size:11px;color:#526d40}.graph-edit-toggle{display:flex;align-items:center;gap:5px;margin-left:auto}.graph-zoom{display:flex;align-items:center;border:1px solid #d1dbc6;border-radius:5px;overflow:hidden;font:10px monospace;color:#76915b}.graph-zoom button{background:transparent;padding:10px;font-size:16px;color:#75905b}.graph-zoom span{padding:0 5px}.graph-hint{font-size:10px;color:#819171;line-height:1.6;margin-bottom:15px}.graph-scroll{overflow:auto;border:1px solid #3d4736;border-radius:10px;background:#1c241e;max-height:800px}.graph-size{position:relative}.graph-canvas{position:relative;transform-origin:top left;background-image:radial-gradient(#54614780 1px,transparent 1px);background-size:19px 19px;overflow:hidden}.graph-wires{position:absolute;inset:0;pointer-events:none}.graph-column-label{position:absolute;top:24px;font:9px monospace;letter-spacing:1.5px;color:#8c9e7e}.graph-node{position:absolute;width:195px;border:1px solid #687b58;border-top:3px solid var(--node-color);border-radius:7px;background:#303d2e;color:#e6eedb;box-shadow:0 5px 12px #10180c55;user-select:none}.graph-node.inactive{opacity:.55}.graph-drag{padding:12px 13px;cursor:grab;touch-action:none}.graph-drag:active{cursor:grabbing}.graph-drag small{font:8px monospace;color:#9db18b;display:block;margin-bottom:4px;letter-spacing:1px}.graph-drag strong{font-size:12px;display:block;overflow-wrap:anywhere}.graph-node-footer{border-top:1px solid #45563b;font:8px monospace;color:#95a882;padding:9px 13px;overflow-wrap:anywhere}.graph-route-toggle{font-size:9px;text-align:left;color:#abc195;background:#283525;border-top:1px solid #45573a;padding:9px 13px;width:100%;border-radius:0 0 7px 7px}.graph-route-toggle:hover{background:#3b5130;color:#d1e6ba}.graph-empty{position:absolute;left:680px;top:260px;color:#91a480;font-size:11px;line-height:1.7}.config-tabs{overflow-x:auto}.config-tabs button{flex-shrink:0}
@media(max-width:650px){.graph-toolbar{gap:12px}.graph-toolbar>label{flex:1}.graph-toolbar select{width:100%;max-width:170px}.graph-edit-toggle{flex-basis:100%!important;margin-left:0}.graph-scroll{max-height:620px}.config-tabs{gap:18px}.graph-zoom{margin-left:auto}}
/* Stationary panels and stereo monitoring */
.panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.keys.stationary{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.keys.stationary .key-talk{padding:11px 10px;min-height:112px}.keys.stationary .key-title{font-size:20px;margin-top:14px}.keys.stationary .key-sub{font-size:8px}.keys.stationary .key-listen{flex-wrap:wrap;padding:7px}.keys.stationary .key-listen .mono{font-size:7px}.keys.stationary .key-listen input{max-width:65px}.mini-key-row{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.mini-key-row>span{min-width:0;overflow-wrap:anywhere}.config-tabs{overflow-x:auto}.program-panel{margin-top:20px;padding:20px;border:1px solid #b9cbbb;background:#eaf0e8;border-radius:8px}.program-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.program-heading h2{font-size:20px;margin-top:4px}.program-panel>p{font-size:11px;color:#6c7b68;margin:12px 0}.program-controls{display:flex;gap:12px;align-items:center}.program-controls label{display:flex;align-items:center;gap:12px;flex:1;font-size:11px}.program-controls input{flex:1;min-width:45px}.program-controls output,.program-badge{font:10px monospace}.program-badge{padding:6px;border:1px solid #b9cbbb;border-radius:4px}.program-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px}.program-options select{padding:6px;border:1px solid #b9cbbb;border-radius:4px;background:transparent}.program-options button{margin-left:auto}.stereo-meters{display:grid;gap:4px;margin-top:12px}.stereo-meters label{display:flex;gap:9px;font:9px monospace;color:#71836b}.stereo-meters meter{width:100%;height:8px}.program-source-card{padding:28px;border:1px solid var(--line);border-radius:8px;background:#f9faf4;max-width:1000px}.program-source-card h2{font-size:27px;margin:8px 0 14px}.program-source-card>p{margin:12px 0;font-size:12px;color:#74806a}.program-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.program-flow span{background:#e5eddc;border:1px solid #c9d9b8;padding:12px;border-radius:5px;font-size:12px}.program-flow b{color:#94a482}.source-fields{display:flex;align-items:flex-end;gap:12px;margin:22px 0}.source-fields label{flex:1;font-size:12px}.source-fields select{display:block;width:100%;margin-top:8px;padding:12px;background:white;border:1px solid #cbd4c1;border-radius:4px}.source-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.input-setup{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.input-setup>.secondary{display:block;margin:8px 0}.hardware-render #hardware-keys.stationary{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.hardware-render:has(.stationary){max-width:650px}.hardware-render .stationary .hardware-key{font-size:12px;border-width:3px;border-radius:7px}.brand{gap:12px;letter-spacing:0}.brand-logo{height:54px;width:66px;object-fit:cover;border-radius:5px}.brand-wordmark{display:flex;flex-direction:column;font-size:20px;letter-spacing:1px;line-height:1.1}.brand-wordmark small{width:auto;margin:5px 0 0;font-size:8px;letter-spacing:3px}.brand .brand-wordmark small{white-space:nowrap}
@media(min-width:1300px){.workspace-grid:has(.keys.stationary){grid-template-columns:minmax(0,1fr) 245px}.console:has(.stationary){padding:20px}}
@media(max-width:1250px){.keys.stationary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.keys.stationary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.keys.stationary .key-talk{padding:9px 7px;min-height:110px}.keys.stationary .key-title{font-size:18px}.keys.stationary .key-listen input{max-width:40px}.panel-actions{justify-content:flex-start}.page-heading:has(.panel-actions){align-items:flex-start;flex-direction:column}.panel-actions .secondary{padding:9px;font-size:10px}.program-panel{padding:15px}.source-fields{align-items:stretch;flex-direction:column}.program-source-card{padding:18px}.program-flow{gap:5px}.program-flow span{padding:8px;font-size:10px}.program-options{font-size:10px}.program-options button{margin-left:0}.brand-logo{height:42px;width:48px}.brand-wordmark{font-size:15px}.brand .brand-wordmark small{font-size:6px;letter-spacing:2px}.topbar{gap:8px}.hardware-render .stationary .hardware-key{font-size:10px}}

/* Recipient indication is distinct from the actively transmitting key. */
.key.recipient-active{border-color:#bce2a1;background:#354a30;animation:recipient-pulse 1.5s ease-in-out infinite;opacity:1}
.key.recipient-active .key-title{color:#d7f2be}
.key.recipient-active .key-sub{color:#c1e7a2;font-weight:600}
@keyframes recipient-pulse{0%,100%{box-shadow:inset 0 0 0 1px #bce2a133,0 4px 0 #0f140f}50%{box-shadow:inset 0 0 0 2px #d6f4b8,0 0 16px #bce2a166,0 4px 0 #0f140f}}
@media(prefers-reduced-motion:reduce){.key.recipient-active{animation:none;box-shadow:inset 0 0 0 2px #d6f4b8,0 4px 0 #0f140f}}

.legal-links{display:flex;gap:16px;flex-wrap:wrap}.legal-links a{text-decoration:underline;text-underline-offset:3px;font:11px system-ui,sans-serif;letter-spacing:0;color:#52604e}

.user-switch{display:flex;flex-direction:column;gap:5px;margin-left:auto;min-width:190px}.user-switch>span{font:8px monospace;letter-spacing:1px;color:#75806d}.user-switch select{padding:9px 30px 9px 11px;border:1px solid #c9d2bd;border-radius:5px;background:#edf1e6;color:#34472d;font-size:12px;width:100%}#panel-person-name{font-size:24px;font-weight:600}.crew-mode .shell{grid-template-columns:1fr}.crew-mode .sidebar,.crew-mode .panel-actions,.crew-mode #hardware-view,.crew-mode #routing-view,.crew-mode #simulate-call,.crew-mode #program-setup,.crew-mode #level-demo{display:none!important}.crew-mode main{max-width:1250px;margin:auto}.crew-mode .workspace-grid{grid-template-columns:minmax(0,1fr)}.crew-mode .crew-panel{display:none}.crew-mode #source-only,.crew-mode label:has(#source-only){display:none}.crew-mode .page-heading{margin-bottom:20px}.crew-mode .console{max-width:none}.crew-mode .keys.stationary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.topbar{height:auto;min-height:82px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.user-switch{order:3;width:100%;margin:4px 0 0}.user-switch select{font-size:14px}.status-pill{margin-left:auto}.crew-mode main{padding:24px 16px 0}.crew-mode .keys.stationary{grid-template-columns:repeat(3,minmax(0,1fr))}.crew-mode .console-header{align-items:flex-start}.crew-mode #panel-person-name{font-size:21px}}