:root{font-family:Tahoma,Arial,system-ui,sans-serif;color:#dce7f4;background:#0b1220;color-scheme:dark;--line:#253248;--muted:#8fa1b9;--green:#4ee2bf;--panel:#111d2e}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:600;background:#1e3048;color:#dce7f4;transition:.15s}button:hover{filter:brightness(1.16)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}input,textarea,select{width:100%;background:#0c1728;border:1px solid #30415b;border-radius:8px;color:#e4ecf5;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green)}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:#31cda7}label{display:block;font-size:13px;line-height:1.8;margin:12px 0}label input{margin-top:6px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:262px;background:#0f1928;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:28px 18px;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:38px;font-size:18px;font-weight:700}.brand b{display:grid;place-items:center;width:43px;height:43px;background:#49dcbd;border-radius:13px;color:#063a30;font-size:29px}.brand small{display:block;color:#94a7bd;font-size:11px;font-weight:400;margin-top:5px}.side-heading{display:flex;justify-content:space-between;align-items:center;color:#9eb1c7;font-size:12px;margin-bottom:12px}.icon{background:transparent;padding:6px 9px;font-size:16px}.devices{margin-top:15px;overflow:auto;flex:1}.device-item{display:block;text-align:right;width:100%;padding:14px 12px;background:transparent;border:1px solid transparent;margin-bottom:8px;font-weight:400}.device-item.active{background:#17352f;border-color:#2e7364}.device-item strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.device-item small{display:block;font-size:10px;color:#97acc1;margin-top:9px}.dot{display:inline-block;width:7px;height:7px;background:#6d7d94;border-radius:50%;margin-left:7px}.dot.online{background:var(--green);box-shadow:0 0 7px #4ee2bf40}footer{padding-top:20px;border-top:1px solid var(--line)}footer button{width:100%;margin:13px 0}.version{color:#7e90a7;font-size:9px}.logout{display:block;text-align:center;font-size:11px;color:#a7b6c9;margin-top:7px}main{margin-right:262px;padding:25px 32px;max-width:1900px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:25px}.eyebrow{font:10px system-ui;letter-spacing:1.8px;color:#7c9aaf}h1{font-size:25px;margin:7px 0 0}h2{font-size:25px;margin:7px 0 10px}h3{font-size:16px;margin:0 0 12px;line-height:1.6}p{line-height:1.85}.connection{font-size:11px;color:#a7b7cc;display:flex;gap:8px;align-items:center}.connection i{width:7px;height:7px;background:#36c3a5;border-radius:50%}.device-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:15px 0 25px}.device-heading p{font-size:11px;color:var(--muted);margin:0}.row{display:flex;gap:10px;align-items:center}.row>input,.row>textarea{flex:1;min-width:0}.row>button{flex-shrink:0}.wrap{flex-wrap:wrap}.primary{background:#49dcbd;color:#07372d}.secondary{background:#1b2a40;border-color:#30415b}.danger{background:#5c2236;color:#ffbacb;border-color:#84415a}.pill{display:inline-block;border-radius:6px;padding:6px 10px;font-size:10px;background:#25354b;color:#c3d0e0}.pill.good{background:#183e35;color:#75ebca}.pill.bad{background:#492338;color:#ffb0c6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stats article{background:linear-gradient(125deg,#142237,#101b2c);border:1px solid var(--line);padding:19px;border-radius:12px}.stats span{display:block;font-size:11px;color:#94a8c0}.stats strong{display:block;font-size:21px;margin:13px 0 9px;font-weight:500}.stats small{font-size:10px;color:#71859e}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:25px 0 22px;overflow:auto}.tabs button{border-radius:0;background:transparent;color:#95a8be;padding:14px 0;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px}.tabs button.active{color:#74e6ca;border-bottom-color:#49dcbd}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:17px}.card-head,.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.card-head h3{margin:0}.subtle,.hint{color:var(--muted);font-size:12px;line-height:1.8}.hint{font-size:11px}.support-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:17px}.live-card{min-width:0}.video-shell{position:relative;aspect-ratio:16/9;background:#080e18;border:1px solid #26364d;border-radius:9px;overflow:hidden}.video-shell video{width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}video.control-on{cursor:crosshair;box-shadow:inset 0 0 0 2px #49dcbd}#videoPlaceholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;padding:20px}#videoPlaceholder>span{color:#456079;font-size:58px}#videoPlaceholder h3{color:#a4b6ca;margin:12px 0 4px}#videoPlaceholder p{color:#657d97;font-size:11px;max-width:340px}.live-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b9eb5;margin:8px 0}.controls{border-top:1px solid var(--line);padding:8px 0}.controls button{font-size:11px;padding:8px 10px}.check{display:flex;align-items:center;gap:8px;font-size:11px}.check input{margin:0}.live-card>.row{margin-top:10px}.live-card>input{margin-top:12px;font-size:11px}.tools button:not(.icon){width:100%;text-align:right;margin-top:9px;font-size:11px}.tools .hint{font-size:10px}.tools .card{padding:17px}.feedback{padding:11px;background:#0b1727;border-radius:7px;font-size:11px;line-height:1.8;color:#a9bed5}.notice{background:#473a19;color:#f4d58e;padding:13px;border:1px solid #6a5625;border-radius:8px;font-size:12px;line-height:1.8}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.diagnostic-grid .card{margin:0 0 16px}.diagnostic-grid strong{display:block;font-size:21px;margin:15px 0}.diagnostic-grid p{font-size:11px;color:#9db0c7}.diagnostic-grid .warning{border-color:#6c542c}.diagnostic-grid .error{border-color:#72384b}summary{cursor:pointer;color:#b0c6da;font-size:13px}pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;background:#091422;padding:16px;border-radius:8px;font:11px/1.7 monospace;max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}td,th{padding:12px;text-align:right;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.8}th{color:#8ca3bf}.table-wrap{overflow:auto}.timeline article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;border-right:2px solid #2b4654;padding:15px 20px;margin-right:12px;background:#111d2e;margin-bottom:9px;border-radius:8px}.timeline article.error{border-color:#ef6a8b}.timeline article.warn{border-color:#ddb05a}.timeline time{font-size:11px;color:#8da4be}.timeline strong{font-size:12px}.timeline p{font-size:11px;color:#9fb4cc;margin:7px 0;word-break:break-word}.section-title p{margin:0}.section-title select{min-width:140px}.ai-intro{display:flex;gap:30px;align-items:center;border-color:#296459;background:linear-gradient(125deg,#16352f,#142034)}.ai-intro h3{font-size:23px;margin-top:14px}.ai-intro p{font-size:12px;color:#aac3c7;max-width:760px}.ai-intro button{flex-shrink:0}.ai-report p,.ai-report li{font-size:13px;line-height:1.9}.ai-report li{margin:8px 0}.ai-report .confidence{color:#67e1c3;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checks{display:grid;grid-template-columns:1fr 1fr}.checks label{font-size:11px}.empty{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.large-symbol{font-size:85px;color:#4cd8b8}.empty h2{font-size:29px}.empty p{font-size:13px;color:#8ea6bf;max-width:480px}.mini-grid{display:flex;gap:25px;color:#a5baca;font-size:11px;margin-top:30px}#toast{position:fixed;bottom:24px;left:24px;max-width:440px;z-index:100;background:#244639;color:#d6ffee;border:1px solid #489a7d;padding:15px 22px;border-radius:10px;font-size:13px;line-height:1.7;box-shadow:0 10px 40px #0005}#toast.error{background:#48233a;border-color:#82405f;color:#ffd3e1}.browser-tab{padding:10px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.8;word-break:break-word}.browser-tab.shared{color:#66dbbe}.center-page{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(430px,94vw)}.auth-card h1{font-size:24px}.auth-card form button{margin-top:20px;width:100%}.error{color:#ffb0c7}.success{color:#74e5c6}[hidden]{display:none!important}@media(min-width:1600px){.support-grid{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1150px){.sidebar{width:220px}main{margin-right:220px;padding:22px}.support-grid{grid-template-columns:1fr}.tools{display:grid;grid-template-columns:1fr 1fr;gap:15px}.device-heading{align-items:flex-start;flex-direction:column}.stats strong{font-size:18px}.stats article{padding:14px}}@media(max-width:750px){.sidebar{position:relative;width:100%;height:auto;padding:17px;border-bottom:1px solid var(--line);border-left:0}.brand{margin-bottom:17px}.sidebar footer{display:flex;gap:12px;align-items:center;padding-top:8px}.sidebar footer button{width:auto;margin:5px 0}.sidebar .version{display:none}.devices{display:flex;overflow-x:auto;max-height:105px}.device-item{flex:0 0 185px;margin:0 0 8px 8px}.side-heading{margin:0}main{margin:0;padding:18px 13px}.stats{grid-template-columns:1fr 1fr;gap:10px}.tabs{gap:19px}.card{padding:14px}.tools{grid-template-columns:1fr}.diagnostic-grid,.settings-grid{grid-template-columns:1fr}.topbar{padding-bottom:16px}.connection{font-size:9px}.ai-intro{flex-direction:column;align-items:stretch;gap:10px}.section-title{flex-wrap:wrap}.controls{gap:7px}.live-card>.row button{padding:10px}.timeline article{grid-template-columns:65px 1fr;padding:13px;gap:9px}.mini-grid{gap:12px;font-size:9px}.video-shell{aspect-ratio:4/3}.stats small{font-size:9px}#toast{left:12px;right:12px;bottom:12px}.empty{min-height:45vh}}