:root{--ink:#202630;--muted:#7b818d;--red:#e6533d;--paper:#f6f4ee;--border:#e3e3de;--nav:#14202b}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button[hidden],[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--muted)}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;padding:12px 18px;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.primary{background:var(--red);color:#fff;border-color:var(--red)}.secondary{background:transparent;color:var(--ink)}.button:hover{filter:brightness(.96)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{width:400px;margin:auto;padding:40px 0}.login-card>img{display:block;width:150px;margin-bottom:42px}.login-card h1{font-size:58px;line-height:1.04;letter-spacing:-3px;margin:18px 0}.login-card>p{color:var(--muted);font-size:17px}.login-card form{display:flex;flex-direction:column;gap:10px;margin-top:40px}.login-card small{display:block;margin-top:36px;font-size:11px;color:var(--muted)}.login-visual{background:var(--nav);padding:90px;color:#f7edd9;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual:before{content:'';width:550px;height:550px;border:1px solid #47605b;border-radius:50%;position:absolute;right:-220px;top:-150px;box-shadow:0 0 0 90px #1c3038,0 0 0 91px #334b4b}.orbit{font-size:12px;letter-spacing:5px;color:#e9997d}.login-visual h2{font-size:110px;line-height:.93;letter-spacing:-6px;margin:30px 0;z-index:1}.login-visual p{font-size:19px;color:#a4b2b5}.visual-note{margin-top:65px;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.pulse{display:inline-block;background:#84b9a1;width:7px;height:7px;border-radius:50%;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--nav);color:#e5e9e6;padding:35px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;padding:4px 12px 35px;border-bottom:1px solid #2c3944}.brand img{width:142px;filter:brightness(0) invert(1);margin-bottom:12px}.brand span{font-size:8px;font-weight:700;letter-spacing:3px;color:#81919d}.workspace-label{color:#657986;font-size:9px;letter-spacing:2px;margin:35px 12px 16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:#8f9ea9;text-align:left;padding:13px 12px;font-size:12px;font-weight:600;border-radius:6px;display:flex;gap:12px;align-items:center}.nav-item>span{font-size:18px}.nav-item.selected{background:#273642;color:#fff}.nav-item.selected>span{color:#ee9a81}.nav-item b{margin-left:auto;font-size:9px;background:#43525e;padding:1px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:40px 12px 0}.environment{display:flex;gap:8px;align-items:center;font-size:10px;color:#abb8ba}.sidebar-bottom p{font-weight:700;font-size:12px;margin-top:28px}.sidebar-bottom p span{font-weight:400;font-size:10px;color:#7e909c}.text-button{background:none;border:0;padding:8px 0;color:#8c9fab;font-size:11px}.main{margin-left:230px;width:calc(100% - 230px);padding:40px 48px 0;max-width:1750px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.topbar h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:9px 0 0}.stats{margin:35px 0 44px;display:grid;grid-template-columns:1fr 1fr 1.5fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.stats>div{padding-left:30px;border-left:1px solid var(--border);display:flex;flex-direction:column}.stats>div:first-child{padding-left:0;border-left:0}.stat-label{color:var(--muted);letter-spacing:1.6px;font-size:9px;font-weight:700}.stats strong{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.6}.stats strong small{font-size:17px;color:#9da2aa;font-weight:400}.stat-note{font-size:10px;color:#8b9199;max-width:450px;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:7px 0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.pill{font-size:9px;border:1px solid var(--border);padding:6px 11px;border-radius:20px;color:#7e858f;white-space:nowrap}.publish-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:28px}.panel{border:1px solid var(--border);border-radius:9px;background:#fff;padding:24px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}label{font-size:10px;font-weight:700}.field input,.field select,.login-card input{width:100%;padding:10px 11px;color:#303741;background:#fafaf8;border:1px solid #dedfdb;border-radius:5px;font-size:11px;min-height:38px}.field small,.field-note{font-size:10px;color:#9398a0;line-height:1.55}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.publish-actions{display:flex;gap:10px;margin-top:20px}.publish-actions .button{padding:10px 12px;font-size:10px;flex:1}.preview-column{padding-top:9px}.preview-topline{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;font-weight:700;color:#829090;margin-bottom:12px}.preview-topline>span:last-child{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:0}.display-bezel{width:100%;aspect-ratio:16/9;background:#171e25;border:9px solid #1c232a;border-radius:9px;box-shadow:0 15px 40px #1b2a3416;overflow:hidden}.display-bezel iframe{border:0;width:100%;height:100%;display:block}.preview-caption{display:flex;justify-content:space-between;color:#9298a0;font-size:8px;letter-spacing:1.4px;margin:17px 0 35px}.feature-strip{border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;gap:18px}.feature-strip>div{display:flex;flex-direction:column}.feature-strip b{font-size:10px;color:#ca755b;font-weight:500;margin-bottom:9px}.feature-strip strong{font-size:10px;line-height:1.5}.feature-strip span{color:#999da3;font-size:9px;line-height:1.6;margin-top:5px}.menu-picker{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:6px}.pick-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 60px;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #eee}.pick-row:last-child{border:0}.pick-row label{font-size:10px;font-weight:500}.pick-row select{font-size:9px;min-width:0;padding:6px 2px;border:1px solid var(--border);background:#fafaf8;border-radius:3px}.compact{margin-top:38px}.muted{color:var(--muted);font-size:10px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-card{background:white;border:1px solid var(--border);border-radius:8px;padding:20px}.package-card h3{font-size:14px;margin:0 0 6px}.package-card p{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.package-card button{margin-top:8px;font-size:10px}.empty{color:#9399a1;border:1px dashed #d8dcd7;border-radius:8px;padding:32px;text-align:center;font-size:12px;grid-column:1/-1}.notice{padding:13px 17px;background:#e8f0e9;border:1px solid #c9decf;border-radius:5px;margin-top:25px;font-size:12px}.notice.bad{background:#faeae6;border-color:#e9b8a9;color:#9b4029}.error{color:#aa392e;font-size:12px}.pairing-form{display:flex;gap:20px;align-items:flex-end;max-width:900px}.pairing-form .field{margin-bottom:0;flex:1}.pairing-form .button{height:39px}.device-list{display:flex;flex-direction:column;gap:15px;margin-top:24px}.device-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.device-card h3{margin:0 0 5px;font-size:17px}.device-card p{font-size:11px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.device-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.device-actions select{max-width:240px;padding:9px;border:1px solid var(--border);font-size:11px;border-radius:4px}.status-pill{display:inline-flex;gap:6px;align-items:center;background:#eaf1eb;color:#4e7560;padding:3px 8px;font-size:9px;border-radius:10px}.status-pill.offline{background:#f1efeb;color:#8b8170}.status-pill.revoked{background:#f9e8e6;color:#a95145}.diagnostic-chain{display:flex;align-items:center;gap:14px;margin:30px 0}.diagnostic-chain div{background:#eaece7;border:1px solid #dcdfd7;padding:15px;font-size:11px;border-radius:5px;flex:1;text-align:center}.diagnostic-chain>span{color:#b5bcb7}.diagnostics h3{margin-top:0}.diag-row{padding:15px 0;border-bottom:1px solid #eee;display:grid;grid-template-columns:160px 1fr;gap:20px;font-size:11px;overflow-wrap:anywhere}.diag-row:last-child{border:0}.diag-row>span{color:#838c95}.qualification{margin-top:22px}.qualification h3{font-size:14px}.qualification p{font-size:12px;color:#89909a;max-width:850px}.app-footer{display:flex;justify-content:space-between;color:#a0a6ac;font-size:8px;letter-spacing:1.3px;padding:45px 0 25px;margin-top:35px;border-top:1px solid var(--border)}
@media(min-width:1600px){.main{padding-left:60px;padding-right:60px}.publish-grid{grid-template-columns:380px minmax(0,1fr)}}@media(max-width:1150px){.sidebar{width:190px;padding:30px 12px}.main{margin-left:190px;width:calc(100% - 190px);padding:30px 28px}.publish-grid{grid-template-columns:300px minmax(0,1fr);gap:20px}.panel{padding:18px}.topbar h1{font-size:25px}.feature-strip{grid-template-columns:1fr}.preview-column{position:sticky;top:20px;align-self:start}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{width:min(400px,85vw)}.sidebar{position:static;width:100%;padding:20px;display:block}.brand{padding:0 0 15px;flex-direction:row;align-items:center;justify-content:space-between}.brand img{width:100px;margin:0}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin-top:15px}.nav-item{justify-content:center;font-size:10px}.nav-item b{margin-left:0}.app-shell{flex-direction:column}.main{width:100%;margin:0;padding:25px 20px 0}.topbar{align-items:flex-start}.topbar h1{font-size:23px}.topbar .button{font-size:9px;padding:9px}.stats{grid-template-columns:1fr 1fr;margin:25px 0}.stats>div:last-child{grid-column:1/-1;border-left:0;padding:20px 0 0;margin-top:15px;border-top:1px solid var(--border)}.publish-grid{grid-template-columns:1fr}.preview-column{position:static;grid-row:1}.feature-strip{grid-template-columns:repeat(3,1fr)}.controls{grid-row:2}.section-heading{align-items:flex-start}.pill{font-size:8px}.device-card{grid-template-columns:1fr}.device-actions{justify-content:flex-start;flex-wrap:wrap}.pairing-form{flex-direction:column;align-items:stretch}.diagnostic-chain{flex-direction:column;gap:5px}.diagnostic-chain div{width:100%}.diag-row{grid-template-columns:1fr;gap:5px}.package-grid{grid-template-columns:1fr}.app-footer{font-size:7px}.section-heading h2{font-size:20px}}