:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--panel: #ffffff;--panel-2: #f7f7f7;--border: #dcdcdc;--text: #222222;--muted: #7b7b7b;--accent: #1580cc;--accent-fg: #ffffff;--link: #1273b6;--nav-bg: #1381ce;--nav-active: #1273b6;--nav-fg: #ffffff;--panel-head: #3a9ed9;--panel-head-fg: #ffffff;--green: #48ce20;--good: #2e9b28;--bad: #d93b30;--warn: #d98a00;--row-hover: #f3f8fc;--shadow: 0 2px 10px rgba(0, 0, 0, .18)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1420;--panel: #171d2b;--panel-2: #1b2233;--border: #2a3245;--text: #e6e9f0;--muted: #8b93a7;--accent: #2f7fc4;--accent-fg: #ffffff;--link: #6aa9e9;--nav-bg: #0e2439;--nav-active: #1381ce;--nav-fg: #e6e9f0;--panel-head: #14507e;--panel-head-fg: #ffffff;--green: #35c46f;--good: #35c46f;--bad: #ef5757;--warn: #e2a33c;--row-hover: #1d2434;--shadow: 0 2px 10px rgba(0, 0, 0, .5)}:root{font-family:Segoe UI,-apple-system,Roboto,sans-serif;font-size:15px;--radius: 3px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--link)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topnav{display:flex;align-items:stretch;background:var(--nav-bg);color:var(--nav-fg);height:57px}.topnav-brand{display:flex;align-items:center;gap:.5rem;padding:0 1rem 0 1.25rem;font-weight:700;font-size:1.05rem;color:var(--nav-fg);text-decoration:none;white-space:nowrap}.topnav-links{display:flex;align-items:stretch}.topnav-links a{display:flex;align-items:center;padding:0 1.15rem;color:var(--nav-fg);text-decoration:none;font-size:1rem;white-space:nowrap}.topnav-links a:hover{background:#ffffff1a}.topnav-links a.active{background:var(--nav-active)}.topnav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding-right:1rem}.topnav .btn-create{background:var(--green);color:#fff;border:none;height:57px;padding:0 1.15rem;font-size:1rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;border-radius:0}.menu-wrap{position:relative;display:flex}.menu-pop{position:absolute;top:100%;right:0;min-width:210px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:40;padding:.25rem 0}.menu-pop button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.5rem .9rem;font-size:.95rem;border-radius:0}.menu-pop button:hover{background:var(--row-hover)}.icon-btn{background:transparent;border:none;color:var(--nav-fg);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.icon-btn:hover{background:#ffffff26}.datastrip{border-bottom:1px solid var(--border);padding:.55rem 1.5rem;font-size:.8rem;color:var(--muted);display:flex;gap:.5rem;align-items:center;background:var(--panel)}.datastrip strong{color:var(--text);font-weight:600}.datastrip .sep{color:var(--border)}.content{padding:1.25rem 1.5rem;flex:1;max-width:1600px;width:100%;margin:0 auto}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;align-items:start}.page-layout.no-help{grid-template-columns:minmax(0,1fr)}.panel{background:var(--panel);border:1px solid var(--border)}.panel-head{background:var(--panel-head);color:var(--panel-head-fg);padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.panel-head h2{margin:0;font-size:1.4rem;font-weight:600}.panel-head .count{font-size:.95rem;opacity:.9}.panel-head select{width:auto;min-width:220px;margin:0}.breadcrumb{padding:.7rem 1.25rem;border-bottom:1px solid var(--border);font-size:.95rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--muted)}.breadcrumb .current{font-weight:600}.panel-body{display:grid;grid-template-columns:210px minmax(0,1fr)}.panel-body.no-subnav{grid-template-columns:minmax(0,1fr)}.panel-main{padding:1.25rem;min-width:0}.subnav{border-right:1px solid var(--border);padding:.75rem 0}.subnav button{display:block;width:100%;text-align:left;background:none;border:none;border-radius:0;color:var(--text);padding:.6rem 1rem .6rem 1.25rem;cursor:pointer;font-size:.98rem;line-height:1.25}.subnav button .sub{display:block;font-size:.72rem;color:var(--muted);margin-top:.15rem}.subnav button:hover{background:var(--row-hover)}.subnav button.active{background:var(--nav-bg);color:#fff}.subnav button.active .sub{color:#ffffffbf}.help-card{background:var(--panel);border:1px solid var(--border)}.help-card-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);font-weight:700;font-size:1.05rem;background:var(--panel-2)}.help-card-body{padding:1.1rem;font-size:.92rem;line-height:1.5;color:var(--text)}.help-card-body p{margin:0 0 .9rem}.help-card-body ul{margin:0 0 .9rem;padding-left:1.1rem}.help-card-body li{margin-bottom:.35rem}.help-card-body code{background:var(--panel-2);padding:.05rem .3rem;border-radius:var(--radius);font-size:.85rem}input,select,textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.5rem .6rem;border-radius:var(--radius);width:100%;margin-bottom:.6rem;font-size:.95rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input::placeholder{color:var(--muted)}label{font-size:.85rem;color:var(--muted);display:block;margin-bottom:.2rem}input[type=checkbox],input[type=radio]{width:auto;margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 1.25rem}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .field-wide{grid-column:1 / -1}.field label{font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.35rem}.field .hint{font-weight:400;color:var(--muted);font-size:.8rem}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem 1rem;margin-bottom:1rem}.check-grid label,.check-inline{display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:var(--text);font-weight:400;margin-bottom:0}.form-section{margin-bottom:1.25rem}.form-section>h4{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;padding-bottom:.4rem;border-bottom:1px solid var(--border)}button{background:var(--accent);color:var(--accent-fg);border:none;padding:.55rem 1.1rem;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-family:inherit}button:hover{filter:brightness(1.08)}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.green{background:var(--green)}button.danger{background:var(--bad)}button.link{background:none;border:none;color:var(--link);padding:0;font-size:.95rem}button.link:hover{text-decoration:underline;filter:none}button:disabled{opacity:.5;cursor:not-allowed;filter:none}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.toolbar .spacer{margin-left:auto}.pill{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);padding:.25rem .8rem;border-radius:var(--radius);font-size:.85rem}.pill.active{background:#b2b2b2;color:#fff;border-color:#b2b2b2}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);font-size:.92rem}th{color:var(--muted);font-weight:600;white-space:nowrap}tbody tr:hover{background:var(--row-hover)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable .caret{color:var(--muted);font-size:.7rem;margin-right:.25rem}th.sortable.sorted{color:var(--text)}th.sortable.sorted .caret{color:var(--accent)}.table-search{position:relative;width:260px;margin-bottom:0}.table-search input{margin-bottom:0;padding-left:2rem}.table-search svg{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:var(--muted)}.table-footer{display:flex;align-items:center;gap:.6rem;padding-top:.8rem;font-size:.9rem;color:var(--text);flex-wrap:wrap}.table-footer .spacer{margin-left:auto}.table-footer select{width:auto;margin-bottom:0;padding:.25rem .4rem}.pager{display:flex;gap:.25rem}.pager button{padding:.2rem .6rem;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.pager button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.row-actions{display:flex;gap:.35rem;justify-content:flex-end}.row-actions button{background:none;border:none;color:var(--link);padding:.2rem;display:flex;align-items:center;border-radius:var(--radius)}.row-actions button:hover{background:var(--panel-2);filter:none}.row-actions button.danger-icon{color:var(--bad)}.status-icon{display:inline-flex;vertical-align:-2px;margin-right:.4rem}.status-icon.good{color:var(--good)}.status-icon.bad{color:var(--bad)}.status-icon.idle{color:var(--muted)}.group-row td{color:var(--accent);font-weight:600;border-bottom:none;padding-top:.9rem}.empty-row td{color:var(--muted)}.legend{margin-top:.9rem;font-size:.85rem;color:var(--muted)}.legend .item{display:flex;align-items:center;gap:.4rem;margin-top:.3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;z-index:50;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);width:100%;max-width:760px;display:flex;flex-direction:column;max-height:calc(100vh - 6rem)}.modal-head{background:var(--panel-2);border-bottom:1px solid var(--border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:1.35rem;font-weight:600}.modal-head .close{background:var(--muted);color:var(--panel);border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.modal-body{padding:1.25rem;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);padding:.9rem 1.25rem;display:flex;align-items:center}.modal-foot .spacer{margin-left:auto}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--panel-2)}.login-card{width:360px}.login-card .panel-head{justify-content:center}.login-card .panel-main{padding:1.5rem}.badge{display:inline-block;padding:.1rem .55rem;border-radius:var(--radius);font-size:.75rem;border:1px solid transparent}.badge.live{background:#2e9b2824;color:var(--good);border-color:#2e9b2859}.badge.off{background:#7b7b7b24;color:var(--muted);border-color:var(--border)}.badge.unmanaged{background:#d98a0024;color:var(--warn);border-color:#d98a0059}.error-banner{background:#d93b301a;border:1px solid var(--bad);color:var(--bad);padding:.55rem .8rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.88rem}.info-banner{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);padding:.55rem .8rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.88rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.row{display:flex;gap:1rem;align-items:center}.row.between{justify-content:space-between}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-tile{border:1px solid var(--border);border-top:3px solid var(--accent);padding:.8rem 1rem;background:var(--panel)}.stat-tile .value{font-size:1.6rem;font-weight:600;line-height:1.2}.stat-tile .label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.url-table{width:100%}.url-table td{padding:.35rem .5rem;vertical-align:middle}.url-table td.proto{width:80px;color:var(--muted);text-transform:uppercase;font-size:.78rem}.url-table code{background:var(--panel-2);padding:.25rem .45rem;border-radius:var(--radius);font-size:.8rem;word-break:break-all;display:block}.url-table td.copy{width:34px}.studio-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.25rem;align-items:start}.studio-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);overflow:hidden}.studio-video-wrap video{width:100%;height:100%;object-fit:contain;background:#000}.studio-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;text-align:center;padding:1rem}.studio-controls{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.studio-controls .conn-state{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}@media (max-width: 1000px){.studio-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 1200px){.page-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 800px){.panel-body{grid-template-columns:minmax(0,1fr)}.subnav{border-right:none;border-bottom:1px solid var(--border);display:flex;overflow-x:auto;padding:0}.subnav button{white-space:nowrap;width:auto}.topnav{height:auto;flex-wrap:wrap}.topnav .btn-create{height:46px}}