@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#1d2030;--muted:#787e91;--line:#e7e8ef;--bg:#f7f7fa;--surface:#fff;--surface2:#fbfbfd;--input:#fcfcfd;--purple:#6840df;--purple2:#7653ed;--danger:#e15262;--shadow:#17182218}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;transition:background .2s,color .2s}[hidden]{display:none!important}
button,input,textarea,select{font-family:inherit}button{font-weight:700;border-radius:9px;padding:9px 12px;font-size:12px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}
header{height:72px;padding:0 max(24px,calc((100vw - 1250px)/2));background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:700}.brand b{font-weight:500;color:var(--muted)}.logo,.auth-logo{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8d70ff,#4e2fc8);font-weight:800}.logo{width:31px;height:31px;border-radius:10px}.connection{font:11px 'DM Mono';color:#249c6d}.connection.off{color:var(--danger)}.account{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.account>button{border:0;background:none;color:var(--purple);padding:3px}.preferences{display:flex;align-items:center;gap:6px}.preference-control{width:auto;min-width:55px;padding:7px 8px;border-radius:8px;background:var(--surface2);color:var(--ink);border:1px solid var(--line);font-weight:700;cursor:pointer}
main{max-width:1250px;margin:auto;padding:44px 24px}.hero{display:flex;justify-content:space-between;align-items:end;padding-bottom:38px}.eyebrow{letter-spacing:.13em;font:11px 'DM Mono';color:#7b62d3;margin:0 0 10px}h1{margin:0;font-size:42px;letter-spacing:-2.5px;line-height:1.14}h1 em{font-style:normal;color:var(--purple)}.sub{color:var(--muted);font-size:14px;margin:14px 0 0}.summary{background:#222235;color:#fff;border-radius:16px;padding:18px 22px;min-width:170px}.summary span,.summary small{display:block;font:10px 'DM Mono';color:#a6a7b9}.summary strong{font-size:32px;line-height:1.3}
.workspace{display:grid;grid-template-columns:248px 1fr;gap:28px}.side-title{font:11px 'DM Mono';letter-spacing:.1em;color:var(--muted);margin:3px 7px 12px;display:flex;justify-content:space-between}.side-title button{border:0;background:none;font-size:12px;color:var(--purple);padding:0}.devices{display:grid;gap:7px}.device{width:100%;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:12px;text-align:left;padding:13px;transition:.15s}.device:hover{background:var(--surface2)}.device.active{background:var(--surface);border-color:#ded9fa;box-shadow:0 4px 14px var(--shadow)}.device.multi-selected{border-color:var(--purple);background:var(--surface2)}.device-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.device-name-wrap{display:flex;align-items:center;gap:7px;min-width:0}.device-name-wrap>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-check{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:transparent;font-size:11px}.multi-check.checked{border-color:var(--purple);background:var(--purple);color:#fff}.dot{width:7px;height:7px;border-radius:50%;background:#31c58a;flex:0 0 auto}.dot.offline{background:#bec2cc}.device small{display:block;color:var(--muted);font:10px 'DM Mono';margin-top:5px}.scope-card{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.scope-card>span{display:block;font:10px 'DM Mono';color:var(--muted);margin-bottom:11px}.scope-card small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.multi-device-tools{margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.multi-device-tools>b{display:block;font-size:11px;margin-bottom:7px}.multi-device-tools>div{display:flex;gap:5px;flex-wrap:wrap}.multi-device-tools button{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:6px;font-size:10px}.switch-row{display:flex;align-items:center;gap:9px;font-size:12px}.switch-row input{display:none}.switch-row i{width:33px;height:19px;border-radius:20px;background:#ccc;position:relative;transition:.2s}.switch-row i:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s}.switch-row input:checked+i{background:var(--purple)}.switch-row input:checked+i:after{left:17px}
.content{min-width:0}.empty{background:var(--surface);border:1px dashed #d9dbe5;min-height:430px;border-radius:18px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty h2{color:var(--ink);margin:10px 0 4px}.empty p{font-size:13px}.empty-icon{font-size:42px;color:#7756e9}.device-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.device-heading h2{margin:0;font-size:26px;letter-spacing:-1px}.device-heading small{color:var(--muted);font-size:11px}.heading-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stats div,article{background:var(--surface);border:1px solid var(--line);border-radius:15px}.stats div{padding:14px 17px}.stats span{display:block;color:var(--muted);font-size:12px}.stats b{display:block;margin-top:6px;font-size:22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}article{padding:21px}.card-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:22px}.purple{background:#eee9ff;color:#6840df}.blue{background:#e4f2ff;color:#3985d0}h3{margin:0;font-size:15px}.card-head p,article p{font-size:12px;color:var(--muted);margin:3px 0 0}
textarea,input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;color:var(--ink);background:var(--input);outline-color:#9079ed}textarea{font:12px 'DM Mono';height:120px;resize:vertical}input,select{font-size:12px}label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}label input,label select{margin-top:5px}.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.primary{border:0;color:#fff;background:var(--purple)}.primary:hover{background:#5733cc}.outline{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.danger{border:1px solid #ffdadd;background:#fff4f5;color:var(--danger)}.delete-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.delete-row select{min-width:0}
.check-result{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);font-size:11px;color:var(--muted)}.check-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.check-chip{padding:4px 7px;border-radius:6px;background:#eeebfa;font:10px 'DM Mono';color:#5a46a1}.check-chip.ok{background:#e8f8f0;color:#20845b}.check-chip.bad{background:#fff0f1;color:#b64455}
.cookie-distribution{display:grid;gap:5px;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.cookie-distribution-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.cookie-distribution-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:7px;align-items:center;padding:6px 8px;border-radius:7px;background:var(--surface);font-size:10px}.cookie-distribution-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookie-distribution-row span{color:var(--muted)}.cookie-distribution-state{color:var(--purple)!important}.append-note{display:block;margin-top:8px;color:var(--muted);font-size:10px}
.config-card,.export-card,.files{margin-top:18px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.file-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.file-button{border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--ink);font-weight:700;cursor:pointer;margin:0}.file-button:hover{border-color:var(--purple);color:var(--purple)}.file-button input{display:none}.local-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}.local-file-row small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.template-panel{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2.2fr);gap:18px;align-items:center;margin-top:17px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.template-title .eyebrow{margin-bottom:5px}.template-title p:last-child{margin-top:4px}.template-controls{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) repeat(4,auto);gap:7px;align-items:center}.template-controls button{white-space:nowrap}.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.qh-switches{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.qh-switches label{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:7px 9px;margin:0}.qh-switches select{width:auto;padding:4px 6px;margin:0}.compact-check input{width:auto;margin:0}.export-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.export-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.export-controls select{width:auto;min-width:140px}.compact-check{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.files{display:flex;justify-content:space-between;gap:20px;align-items:start}.script-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.file{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface2);border-radius:8px;padding:7px 8px 7px 10px;font:11px 'DM Mono'}.file button{padding:0;border:0;background:none;color:#a0a3b0;font-size:16px}.file button:hover{color:var(--danger)}.no-files{font-size:12px;color:var(--muted)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 73% 15%,#e8e0ff 0,transparent 26%),var(--bg)}.auth-card{position:relative;width:min(100%,415px);padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:0 20px 65px var(--shadow)}.auth-preferences{position:absolute;right:22px;top:22px}.auth-logo{width:43px;height:43px;border-radius:14px;font-size:22px}.auth-card h1{font-size:30px;margin:7px 0 0;letter-spacing:-1.5px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:27px 0 19px}.tab{border:0;border-radius:0;background:transparent;color:var(--muted);padding:10px 6px;margin-right:18px}.tab.active{color:var(--purple);border-bottom:2px solid var(--purple)}#authForm label,.modal-card label{font-size:12px;color:var(--muted);display:block;margin:13px 0}.wide{width:100%;margin-top:9px;padding:11px}.auth-error{min-height:18px;margin:12px 0 0;color:var(--danger);font-size:12px}
.modal{position:fixed;inset:0;background:#18162577;display:grid;place-items:center;padding:18px;z-index:5}.modal-card{position:relative;background:var(--surface);border-radius:18px;padding:27px;width:min(100%,510px);box-shadow:0 20px 80px #17142155}.modal-card h2{margin:0;font-size:23px}.modal-card .sub{margin:8px 0 18px}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:var(--muted);padding:3px 8px}.command textarea{height:180px;margin-top:10px;font-size:11px;line-height:1.55}.toast{visibility:hidden;position:fixed;bottom:24px;right:24px;background:#242535;color:white;border-radius:10px;padding:13px 17px;font-size:13px;box-shadow:0 9px 30px #17182233;transform:translateY(8px);opacity:0;transition:.2s;z-index:8}.toast.show{visibility:visible;transform:none;opacity:1}.toast.bad{background:#b73f51}
.group-filter{margin-bottom:10px;background:var(--surface)}.role-badge,.version-badge{font:9px 'DM Mono';padding:4px 7px;border-radius:6px;background:#eee9ff;color:var(--purple);white-space:nowrap}.health-card{margin-bottom:18px}.health-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px}.health-grid div{padding:11px;background:var(--surface2);border:1px solid var(--line);border-radius:10px}.health-grid span{display:block;color:var(--muted);font-size:10px}.health-grid b{display:block;font-size:13px;margin-top:5px}.lower-grid{margin-top:18px}.job-list{display:grid;gap:8px;max-height:310px;overflow:auto;margin-top:14px}.job-item{border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:10px}.job-top{display:flex;justify-content:space-between;gap:8px;font-size:11px}.job-top b{font:11px 'DM Mono'}.job-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:6px}.job-status{padding:3px 6px;border-radius:5px;background:#eee9ff;color:var(--purple)}.job-status.success{background:#e8f8f0;color:#20845b}.job-status.failed{background:#fff0f1;color:#b64455}.job-status.partial{background:#fff4dd;color:#9b6812}.admin-modal{width:min(96vw,940px);max-height:90vh;overflow:auto}.admin-summary{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.admin-users{display:grid;gap:10px}.admin-user{display:grid;grid-template-columns:minmax(130px,1.2fr) 110px 105px 100px minmax(125px,1fr) auto;gap:7px;align-items:end;border:1px solid var(--line);background:var(--surface2);border-radius:11px;padding:11px}.admin-user strong{display:block;font-size:13px}.admin-user small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.admin-user label{margin:0}.admin-user input,.admin-user select{padding:8px}.admin-check{display:flex!important;align-items:center;gap:5px;padding-bottom:9px}.admin-check input{width:auto;margin:0}.admin-actions{display:flex;gap:5px}.admin-actions button{padding:8px}.scope-card select{margin:0}.scope-card #scopeHelp{line-height:1.4}
.logo-image,.auth-logo-image{overflow:hidden;padding:0;background:#f7ead8}.logo-image img,.auth-logo-image img{display:block;width:100%;height:100%;object-fit:cover}.logo-image img{transform:scale(2);transform-origin:50% 28%}.auth-logo-image{width:150px;height:150px;border-radius:20px;box-shadow:0 10px 35px #6840df26}.auth-logo-image img{transform:none}

html[data-theme="dark"]{color-scheme:dark;--ink:#f0f1f7;--muted:#999daf;--line:#292b36;--bg:#050506;--surface:#0d0e12;--surface2:#14151b;--input:#090a0d;--purple:#8564f7;--purple2:#9477ff;--danger:#ff6d7c;--shadow:#00000066}html[data-theme="dark"] .summary{background:#17151f}html[data-theme="dark"] .auth-page{background:radial-gradient(circle at 73% 15%,#25194a 0,transparent 27%),#050506}html[data-theme="dark"] .danger{background:#241014;border-color:#54202a}html[data-theme="dark"] .purple{background:#241b43;color:#a88fff}html[data-theme="dark"] .blue{background:#102336;color:#66adf0}html[data-theme="dark"] .check-chip{background:#272238;color:#b8a7f9}html[data-theme="dark"] .check-chip.ok{background:#10271e;color:#69d7a4}html[data-theme="dark"] .check-chip.bad{background:#2a1217;color:#ff8d99}

@media(max-width:1100px){.template-panel{grid-template-columns:1fr}.template-controls{grid-template-columns:1fr 1fr repeat(2,auto)}}
@media(max-width:900px){.config-grid{grid-template-columns:repeat(2,1fr)}.export-card{display:block}.export-controls{justify-content:flex-start;margin-top:15px}.health-grid{grid-template-columns:repeat(3,1fr)}.admin-user{grid-template-columns:1fr 1fr 1fr}.admin-user>div:first-child{grid-column:1/-1}}
@media(max-width:740px){header{height:62px;padding:0 15px}.brand>span:last-child,.account #accountName,.connection,.role-badge{display:none}.account{gap:7px}.preference-control{min-width:50px;padding:6px}.account #logout{font-size:0}.account #logout:after{content:"↪";font-size:16px}#adminButton{font-size:0}#adminButton:after{content:"A";font-size:12px}main{padding:29px 16px}.hero{display:block;padding-bottom:27px}h1{font-size:32px}.summary{margin-top:20px;width:100%}.workspace{grid-template-columns:1fr;gap:22px}.devices{grid-auto-flow:column;grid-auto-columns:170px;overflow:auto}.scope-card{margin-top:11px}.grid{grid-template-columns:1fr}.stats{gap:7px}.stats div{padding:11px}.health-grid{grid-template-columns:repeat(2,1fr)}.files{display:block}.script-list{justify-content:flex-start;margin-top:15px}.device-heading{display:block}.device-heading h2{font-size:21px}.heading-actions{justify-content:flex-start;margin-top:12px;gap:4px}.heading-actions button{padding:7px}.config-grid{grid-template-columns:1fr}.template-controls{grid-template-columns:1fr 1fr}.template-controls input,.template-controls select{grid-column:1/-1}.template-controls button{width:100%}.section-heading{display:block}.file-actions{justify-content:flex-start;margin-top:12px}.file-actions .file-button,.local-file-row .file-button{display:inline-block;margin-top:0}.file-button{display:inline-block;margin-top:12px}.export-controls{display:grid;grid-template-columns:1fr 1fr}.export-controls select{width:100%;min-width:0}.compact-check{grid-column:1/-1}.auth-card{padding:76px 24px 28px}.auth-preferences{right:24px;top:22px}.modal-card{padding:24px 18px}.admin-user{grid-template-columns:1fr}.admin-user>div:first-child{grid-column:auto}.toast{left:16px;right:16px;bottom:16px}.actions button{flex:1}.delete-row{grid-template-columns:1fr}.delete-row button{width:100%}}

.oauth-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:var(--muted);font-size:11px}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;background:var(--line);flex:1}.discord-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px;border-radius:10px;background:#5865f2;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.15s}.discord-button:hover{background:#4752c4;transform:translateY(-1px)}.discord-mark{font-size:17px}.access-badge{font:9px 'DM Mono';padding:4px 7px;border-radius:6px;background:#e8f8f0;color:#20845b;white-space:nowrap}.access-badge.expiring{background:#fff4dd;color:#9b6812}
.admin-user{display:block}.admin-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-user-status{font:9px 'DM Mono';padding:4px 7px;border-radius:6px;background:#e8f8f0;color:#20845b;white-space:nowrap}.admin-user-status.pending{background:#fff4dd;color:#9b6812}.admin-user-status.expired,.admin-user-status.disabled{background:#fff0f1;color:#b64455}.admin-user-controls{display:grid;grid-template-columns:100px 110px 112px 105px 80px minmax(100px,1fr) minmax(130px,1fr) auto;gap:7px;align-items:end}.admin-user-controls label{margin:0}.admin-duration{display:grid;grid-template-columns:70px minmax(100px,1fr);gap:7px;grid-column:span 2}.admin-duration label:first-child{min-width:0}.admin-provider{color:var(--purple)!important}.admin-expiry{margin-top:5px!important}
html[data-theme="dark"] .admin-user-status{background:#10271e;color:#69d7a4}html[data-theme="dark"] .admin-user-status.pending{background:#33270f;color:#efc86e}html[data-theme="dark"] .admin-user-status.expired,html[data-theme="dark"] .admin-user-status.disabled{background:#2a1217;color:#ff8d99}html[data-theme="dark"] .access-badge{background:#10271e;color:#69d7a4}html[data-theme="dark"] .access-badge.expiring{background:#33270f;color:#efc86e}
@media(max-width:1100px){.admin-user-controls{grid-template-columns:repeat(4,1fr)}.admin-duration{grid-column:span 2}.admin-actions{align-self:end}}
@media(max-width:740px){.access-badge{display:none}.admin-user-controls{grid-template-columns:1fr 1fr}.admin-duration{grid-column:1/-1}.admin-user-controls .admin-password{grid-column:1/-1}.admin-actions{grid-column:1/-1}.admin-actions button{flex:1}}

.license-gate{max-width:680px;margin:12px auto 40px;padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:21px;text-align:center;box-shadow:0 18px 55px var(--shadow)}.license-gate .license-icon{width:58px;height:58px;margin:0 auto 17px;display:grid;place-items:center;border-radius:18px;background:#eee9ff;color:var(--purple);font-size:30px}.license-gate h2{margin:0;font-size:27px;letter-spacing:-1px}.license-gate>p:not(.eyebrow){color:var(--muted);font-size:13px}.license-gate>small{display:block;margin-top:13px;color:var(--muted);font-size:10px}.redeem-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin:24px auto 0;max-width:500px}.redeem-box input{text-transform:uppercase;font:13px 'DM Mono';letter-spacing:.05em}.redeem-box button{padding-left:20px;padding-right:20px}
.admin-tabs{display:flex;gap:7px;margin:20px 0 13px;padding:5px;background:var(--surface2);border:1px solid var(--line);border-radius:11px}.admin-tabs button{flex:1;border:0;background:transparent;color:var(--muted)}.admin-tabs button.active{background:var(--surface);color:var(--purple);box-shadow:0 3px 12px var(--shadow)}.key-generator{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:end;padding:14px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;margin:16px 0}.key-generator label{margin:0}.admin-keys{display:grid;gap:8px}.key-item{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(180px,1fr) 110px auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.key-code{font:12px 'DM Mono';font-weight:700;letter-spacing:.03em}.key-meta{font-size:10px;color:var(--muted)}.key-meta span{display:block;margin-top:3px}.key-status{font:9px 'DM Mono';padding:5px 7px;border-radius:6px;text-align:center;background:#e8f8f0;color:#20845b}.key-status.used{background:#eee9ff;color:var(--purple)}.key-actions{display:flex;gap:5px}.key-actions button{padding:7px 9px}
.admin-devices{display:grid;gap:8px}.admin-device{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(190px,1fr) minmax(190px,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.admin-device-main{display:flex;align-items:center;gap:9px;min-width:0}.admin-device-main>div{min-width:0}.admin-device-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.admin-device-main small,.admin-device-runtime small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.admin-device-runtime{display:grid;justify-items:start;gap:2px}.admin-device-health{color:var(--muted);font:10px 'DM Mono';text-align:right}
.admin-user-status.free{background:#fff4dd;color:#9b6812}html[data-theme="dark"] .admin-user-status.free{background:#33270f;color:#efc86e}.key-rule{margin:-7px 2px 14px!important;font-size:10px!important;color:var(--muted)}
.admin-user-status.unlicensed{background:#fff4dd;color:#9b6812}html[data-theme="dark"] .license-gate .license-icon{background:#241b43;color:#a88fff}html[data-theme="dark"] .key-status{background:#10271e;color:#69d7a4}html[data-theme="dark"] .key-status.used{background:#272238;color:#b8a7f9}html[data-theme="dark"] .admin-user-status.unlicensed{background:#33270f;color:#efc86e}
@media(max-width:900px){.key-generator{grid-template-columns:1fr 1fr}.key-generator button{grid-column:1/-1}.key-item{grid-template-columns:1fr 1fr}.key-code{grid-column:1/-1}}
@media(max-width:900px){.admin-device{grid-template-columns:1fr 1fr}.admin-device-health{grid-column:1/-1;text-align:left}}
@media(max-width:740px){.license-gate{padding:29px 18px}.redeem-box{grid-template-columns:1fr}.key-generator,.key-item,.admin-device{grid-template-columns:1fr}.key-generator button,.key-code{grid-column:auto}.key-actions button{flex:1}.admin-device-health{grid-column:auto}.admin-tabs{overflow-x:auto}.admin-tabs button{min-width:110px}}
.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.clone-monitor-card label{margin:16px 0 12px}.clone-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.clone-stats div{padding:10px;background:var(--surface2);border:1px solid var(--line);border-radius:9px}.clone-stats span{display:block;color:var(--muted);font-size:9px}.clone-stats b{display:block;margin-top:5px;font:13px 'DM Mono'}.monitor-caption{margin:11px 0 8px!important;font-size:10px!important}.clone-packages{display:grid;gap:5px;max-height:245px;overflow:auto}.clone-package{display:grid;grid-template-columns:minmax(0,1fr) 62px 55px 65px;align-items:center;gap:7px;padding:8px 9px;background:var(--surface2);border:1px solid var(--line);border-radius:8px;font:9px 'DM Mono'}.clone-package-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clone-package-state{color:var(--muted)}.clone-package-state.running{color:#31b77d}.screenshot-frame{min-height:350px;max-height:610px;margin-top:16px;display:grid;place-items:center;overflow:auto;border:1px dashed var(--line);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:11px}.screenshot-frame img{display:block;max-width:100%;height:auto;margin:auto}.screenshot-card .section-heading button{white-space:nowrap}
.qh-runtime-panel{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(310px,1.5fr) auto;align-items:end;gap:16px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.qh-runtime-heading p:last-child{margin-top:4px}.qh-runtime-options{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:8px;align-items:end}.qh-runtime-options label{margin:0}.qh-runtime-options .qh-key-field{grid-column:1/-1}.qh-runtime-options input,.qh-runtime-options select{padding:9px}.qh-runtime-options small{grid-column:1/-1;color:var(--muted);font:9px 'DM Mono'}.qh-runtime-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.run-after-check{align-self:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}
.qh-cookie-panel{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);overflow:hidden}.qh-cookie-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.qh-cookie-panel summary::-webkit-details-marker{display:none}.qh-cookie-panel summary span{display:grid;gap:2px}.qh-cookie-panel summary small,.qh-cookie-note,#qhCookieStatus{color:var(--muted)}.qh-cookie-panel summary i{font-style:normal;transition:transform .2s}.qh-cookie-panel[open] summary i{transform:rotate(180deg)}.qh-cookie-body{display:grid;gap:10px;padding:0 14px 14px;border-top:1px solid var(--line)}.qh-cookie-controls{display:grid;grid-template-columns:1fr 1.2fr auto;gap:8px;align-items:end;padding-top:12px}.qh-cookie-controls label{margin:0}.qh-cookie-controls .compact-check{min-height:42px}.qh-cookie-actions{display:flex;gap:7px;flex-wrap:wrap}.qh-cookie-actions button{padding:9px 13px}.qh-cookie-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:5px;max-height:210px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:9px}.qh-cookie-package{display:flex;align-items:center;gap:7px;margin:0;padding:7px 8px;border-radius:7px;background:var(--surface)}.qh-cookie-package small{margin-left:auto;color:var(--muted)}.qh-cookie-results{display:grid;gap:5px}.qh-cookie-result{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.qh-cookie-result code{overflow:hidden;text-overflow:ellipsis}.qh-cookie-state{padding:3px 7px;border-radius:999px;background:var(--surface);font-size:10px}.qh-cookie-state.success{color:#249c6d}.qh-cookie-state.failed{color:var(--danger)}.qh-cookie-state.submitted{color:var(--muted)}.qh-cookie-note{font-size:10px}
.qh-server-panel #qhServerStatus{color:var(--muted)}.qh-server-packages{grid-template-columns:1fr;max-height:280px}.qh-server-package{display:grid;grid-template-columns:auto minmax(130px,.9fr) minmax(180px,1.5fr);gap:8px;align-items:center;padding:7px 8px;border-radius:7px;background:var(--surface)}.qh-server-package code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qh-server-package input[type="checkbox"]{width:auto;margin:0}.qh-server-package input[type="text"]{margin:0;padding:8px 9px}
@media(max-width:1050px){.monitor-grid{grid-template-columns:1fr}.screenshot-frame{max-height:720px}.qh-runtime-panel{grid-template-columns:1fr}.qh-runtime-actions{justify-content:flex-start}}
@media(max-width:740px){.clone-stats{grid-template-columns:1fr 1fr}.clone-package{grid-template-columns:minmax(0,1fr) 55px 50px}.clone-package span:last-child{display:none}.screenshot-card .section-heading button,.clone-monitor-card .section-heading button{width:100%;margin-top:12px}.screenshot-frame{min-height:260px;max-height:620px}}
@media(max-width:740px){.qh-runtime-panel{display:block}.qh-runtime-options{grid-template-columns:1fr;margin-top:14px}.qh-runtime-options small{grid-column:1}.qh-runtime-actions{justify-content:flex-start;margin-top:12px}.qh-runtime-actions button{flex:1}.run-after-check{width:100%}.qh-cookie-controls{grid-template-columns:1fr}.qh-cookie-actions button{flex:1}.qh-cookie-results{gap:6px}.qh-cookie-result{grid-template-columns:1fr auto}.qh-cookie-result span:nth-child(2){grid-column:1/-1;grid-row:2}.qh-server-package{grid-template-columns:auto minmax(0,1fr)}.qh-server-package input[type="text"]{grid-column:1/-1}.cookie-distribution-row{grid-template-columns:minmax(80px,1fr) auto}.cookie-distribution-row span:nth-child(3){grid-column:1/-1}}

.feature-nav{position:sticky;top:78px;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(124px,1fr));gap:7px;margin:0 0 18px;padding:5px 0 10px;overflow-x:auto;scrollbar-width:none;background:var(--bg)}.feature-nav::-webkit-scrollbar{display:none}.feature-tab{display:flex;align-items:center;gap:8px;min-width:124px;min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;box-shadow:0 3px 12px transparent;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s;scroll-snap-align:start}.feature-tab:hover{border-color:#cfc5f7;transform:translateY(-1px)}.feature-tab.active{border-color:#b9a8f6;background:#f2efff;color:var(--purple);box-shadow:0 5px 16px var(--shadow)}.feature-tab-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--surface2);color:var(--purple);font:16px 'DM Mono'}.feature-tab>span:last-child{display:grid;gap:2px;min-width:0}.feature-tab b{font-size:11px;white-space:nowrap}.feature-tab small{overflow:hidden;color:var(--muted);font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.feature-grid[data-visible-count="1"]{grid-template-columns:minmax(0,1fr)}.config-card[data-feature-section],.export-card[data-feature-section],.lower-grid[data-feature-layout]{margin-top:0}[data-feature-section]:not([hidden]){animation:feature-enter .18s ease-out}@keyframes feature-enter{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}html[data-theme="dark"] .feature-tab.active{border-color:#6345c1;background:#1e1830;color:#a88fff}
@media(max-width:740px){.feature-nav{top:66px;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:132px;margin-bottom:14px;padding-bottom:8px;scroll-snap-type:x proximity}.feature-tab{min-width:132px;min-height:50px;padding:7px 9px}.feature-tab-icon{width:27px;height:27px}.feature-tab small{display:none}}

.device-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-3px 0 10px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.device-editor-bar button{flex:0 0 auto;padding:7px 10px}.device-editor-bar small{color:var(--muted);font:9px 'DM Mono';text-align:right;overflow-wrap:anywhere}.device-editor-bar small.error{color:var(--danger)}.script-file-row{grid-template-columns:minmax(0,1fr) auto auto}.file-actions-mini{display:flex;align-items:center;gap:4px}.file-actions-mini button{display:grid;place-items:center;width:22px;height:22px;border-radius:6px!important}.file-actions-mini .file-edit{color:var(--purple)}.file-actions-mini .file-edit:hover{background:#eee9ff;color:var(--purple)}.job-running-status{display:flex;align-items:center;gap:5px;white-space:nowrap}.job-running-logo{width:21px;height:21px;border:1px solid var(--line);border-radius:7px;object-fit:cover;animation:mcmw-job-spin 1.15s linear infinite}.job-eta{color:var(--purple)!important;font-weight:700}.job-status.running{background:#eee9ff;color:var(--purple)}@keyframes mcmw-job-spin{to{transform:rotate(360deg)}}html[data-theme="dark"] .file-actions-mini .file-edit:hover,html[data-theme="dark"] .job-status.running{background:#2a2141}
@media(max-width:740px){.device-editor-bar{align-items:flex-start;flex-direction:column}.device-editor-bar small{text-align:left}.script-file-row{grid-template-columns:1fr 1fr}.script-file-row select{grid-column:1/-1}.script-file-row button{width:100%}.job-eta{flex-basis:100%}}

/* User-selectable device grid. These rules intentionally follow the legacy mobile scroller. */
.device-list-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,.55fr);gap:7px;margin-bottom:10px}.device-list-controls select{min-width:0;margin:0;background:var(--surface)}.devices{--device-columns:1;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--device-columns),minmax(0,1fr));gap:7px;width:100%;overflow:visible}.devices[data-columns="auto"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.devices>.no-files{grid-column:1/-1}.device{min-width:0}.device-top{gap:5px}.device small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devices:is([data-columns="4"],[data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device{padding:9px 7px}.devices:is([data-columns="4"],[data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device-top{font-size:11px}.devices:is([data-columns="4"],[data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device small{font-size:8px}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device{padding:8px 4px;text-align:center}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device-top{position:relative;justify-content:center}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device-name-wrap{width:100%;justify-content:center}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .device small{display:none}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .dot{position:absolute;right:0;top:0;width:6px;height:6px}.devices:is([data-columns="6"],[data-columns="8"],[data-columns="10"],[data-columns="12"]) .multi-check{position:absolute;left:0;top:0;width:14px;height:14px;font-size:9px}

/* Remote Agent: Lens / Deck / Echo */
.remote-manual-fallback{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.remote-manual-fallback summary{cursor:pointer;font-weight:700;color:var(--muted)}
.remote-manual-fallback[open] summary{margin-bottom:10px}
.remote-control-shell{display:grid;gap:18px}.remote-console,.remote-stage-card{padding:22px}.remote-heading{align-items:center}.remote-agent-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#e8f8f0;color:#23845d;font:10px 'DM Mono';white-space:nowrap}.remote-agent-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.remote-agent-badge.offline{background:var(--surface2);color:var(--muted)}
.remote-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.remote-mode{min-height:94px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--ink);padding:14px;text-align:left}.remote-mode b{display:block;font-size:15px;margin-bottom:6px}.remote-mode span{display:block;color:var(--muted);font-size:10px;line-height:1.45}.remote-mode.active{border-color:var(--purple);background:#f1edff;box-shadow:inset 0 0 0 1px var(--purple)}html[data-theme="dark"] .remote-mode.active{background:#241b3d}
.remote-settings{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:9px;margin-top:16px}.remote-settings label{margin:0}.remote-full-access{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.remote-full-access input{width:auto;margin:2px 0 0}.remote-full-access span{min-width:0}.remote-full-access b,.remote-full-access small{display:block}.remote-full-access b{font-size:11px}.remote-full-access small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.remote-target-block{margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.remote-target-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.remote-target-head b{font-size:12px}.remote-target-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.remote-target-head button{padding:7px 9px;font-size:10px}.remote-target-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px;margin-top:10px}.remote-target{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px;margin:0;color:var(--ink)}.remote-target input{width:auto;margin:0}.remote-target span{min-width:0}.remote-target b,.remote-target small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-target b{font-size:11px}.remote-target small{font-size:8px;color:var(--muted);margin-top:2px}.remote-target.agent-online{border-color:#8bd9ba}.remote-target.locked{opacity:.62}
.remote-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.remote-actions button{flex:1;min-width:130px}.subtle-danger{background:transparent}.remote-status{min-height:18px;margin-top:12px!important;color:var(--ink)!important}.remote-privacy{display:block;color:var(--muted);font-size:9px;line-height:1.5}
.remote-stage-card{min-height:430px}.remote-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.remote-stage-head h3{font-size:18px}.remote-streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;min-height:330px}.remote-streams.lens{grid-template-columns:minmax(0,620px);justify-content:center}.remote-empty{grid-column:1/-1;min-height:330px;border:1px dashed var(--line);border-radius:15px;background:var(--surface2);display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;color:var(--muted)}.remote-empty span{font-size:38px;color:var(--purple)}.remote-empty b{color:var(--ink);margin-top:8px}.remote-empty small{max-width:340px;margin-top:6px;line-height:1.5}
.remote-stream{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#05060a;min-height:260px;display:flex;align-items:center;justify-content:center}.remote-stream.active-target{border-color:var(--purple);box-shadow:0 0 0 2px rgba(104,64,223,.24)}.remote-stream img{display:block;max-width:100%;width:auto;height:auto;max-height:72vh;object-fit:contain;user-select:none;-webkit-user-drag:none}.remote-stream-placeholder{color:#8e91a1;font:10px 'DM Mono';padding:30px;text-align:center}.remote-stream-label{position:absolute;z-index:3;top:8px;left:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);border-radius:7px;background:rgba(5,6,10,.76);color:#fff;padding:5px 7px;font:9px 'DM Mono';backdrop-filter:blur(6px)}.remote-stream-label i{width:6px;height:6px;border-radius:50%;background:#ffc75c}.remote-stream.ready .remote-stream-label i{background:#31c58a}.remote-touch-layer{position:absolute;z-index:2;inset:0;touch-action:none;cursor:crosshair}.remote-stream.observe .remote-touch-layer{pointer-events:none;cursor:default}.remote-command-bar{display:flex;gap:8px;align-items:center;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.remote-command-bar>button{border:1px solid var(--line);background:var(--surface2);color:var(--ink)}.remote-command-bar form{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:7px;flex:1}.remote-command-bar input{margin:0}.remote-command-bar button{white-space:nowrap}.remote-pair-modal input{font:12px 'DM Mono'}.remote-pair-expiry{font-size:10px!important;color:var(--muted)!important}.remote-install-status{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink)!important;font-size:11px!important;line-height:1.45}.remote-install-status.success{border-color:#54c998;color:#16835b!important}.remote-install-status.error{border-color:#e77a88;color:var(--danger)!important}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:700}.remote-pair-modal small{display:block;margin-top:12px;color:var(--muted);line-height:1.5}
html[data-theme="dark"] .remote-agent-badge{background:#17372c;color:#67d5aa}html[data-theme="dark"] .remote-agent-badge.offline{background:var(--surface2);color:var(--muted)}
@media(max-width:740px){.remote-control-shell{gap:12px}.remote-console,.remote-stage-card{padding:15px}.remote-heading{align-items:flex-start}.remote-mode-grid{grid-template-columns:1fr}.remote-mode{min-height:0}.remote-settings{grid-template-columns:1fr 1fr}.remote-settings label:first-child{grid-column:1/-1}.remote-target-head{align-items:flex-start}.remote-target-head button{max-width:135px}.remote-target-list{grid-template-columns:1fr 1fr}.remote-streams{grid-template-columns:1fr}.remote-streams.lens{grid-template-columns:1fr}.remote-stream{min-height:360px}.remote-command-bar{display:grid;grid-template-columns:repeat(3,1fr)}.remote-command-bar form{grid-column:1/-1}.remote-actions button{min-width:calc(50% - 5px)}}
@media(min-width:741px){.feature-nav{grid-template-columns:repeat(8,minmax(124px,1fr))}}
@media(max-width:430px){.remote-target-list{grid-template-columns:1fr}.remote-stream{min-height:300px}.remote-command-bar form{grid-template-columns:1fr}.remote-stage-head{align-items:flex-start}}

/* Browser-only localStorage comparison lab. */
.local-lab-shell{display:grid;gap:18px}.local-lab-card{padding:22px}.local-lab-heading{align-items:center}.local-lab-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:#e8f8f0;color:#23845d;font:10px 'DM Mono';white-space:nowrap}.local-lab-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.local-lab-badge.idle{background:var(--surface2);color:var(--muted)}.local-lab-badge.testing{background:#fff4dd;color:#9b6812}.local-lab-warning{display:flex;gap:10px;margin:16px 0;padding:12px 13px;border:1px solid #e9d89d;border-radius:11px;background:#fffaf0;color:#7b5a10;font-size:10px;line-height:1.5}.local-lab-warning b{white-space:nowrap}.local-lab-input{height:155px;margin-top:5px}.local-lab-options{display:grid;grid-template-columns:1.4fr 1.2fr .7fr;gap:9px;margin-top:14px}.local-lab-options label{margin:0}.local-lab-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.local-lab-actions button{flex:1;min-width:145px}.local-lab-status{min-height:18px;margin-top:12px!important;color:var(--ink)!important}.local-lab-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.local-lab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.local-lab-stats div{padding:10px;background:var(--surface2);border:1px solid var(--line);border-radius:9px}.local-lab-stats span{display:block;color:var(--muted);font-size:9px}.local-lab-stats b{display:block;margin-top:5px;font:13px 'DM Mono'}.local-lab-ug-profile{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;padding:10px;border:1px solid #cfc5f7;border-radius:10px;background:#f6f3ff}.local-lab-ug-profile div{min-width:0}.local-lab-ug-profile span,.local-lab-ug-profile small{display:block;color:var(--muted);font-size:8px}.local-lab-ug-profile b{display:block;overflow:hidden;margin-top:4px;font:10px 'DM Mono';text-overflow:ellipsis;white-space:nowrap}.local-lab-ug-profile small{grid-column:1/-1;line-height:1.45}.local-lab-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;max-height:255px;overflow:auto;margin-top:14px}.local-lab-device{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.local-lab-device b,.local-lab-device small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-lab-device b{font-size:11px}.local-lab-device small{margin-top:3px;color:var(--muted);font:8px 'DM Mono'}.local-compare-table{display:grid;gap:5px;margin-top:16px}.local-compare-table>div{display:grid;grid-template-columns:1.25fr 1fr 1fr .7fr;gap:7px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);font-size:10px}.local-compare-table .local-compare-head{border:0;background:transparent;padding-top:0;color:var(--muted);font:9px 'DM Mono'}.local-benchmark-progress{height:7px;margin-top:13px;border-radius:999px;background:var(--surface2);overflow:hidden}.local-benchmark-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#31c58a);transition:width .15s}.local-lab-note{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.5}html[data-theme="dark"] .local-lab-warning{border-color:#5a4822;background:#221b0c;color:#e7c36d}html[data-theme="dark"] .local-lab-badge{background:#17372c;color:#67d5aa}html[data-theme="dark"] .local-lab-badge.idle{background:var(--surface2);color:var(--muted)}html[data-theme="dark"] .local-lab-badge.testing{background:#33270f;color:#efc86e}html[data-theme="dark"] .local-lab-ug-profile{border-color:#473873;background:#1b1628}
@media(min-width:741px){.feature-nav{grid-template-columns:repeat(8,minmax(124px,1fr))}}
@media(max-width:900px){.local-lab-results{grid-template-columns:1fr}.local-lab-options{grid-template-columns:1fr 1fr}.local-lab-options label:first-child{grid-column:1/-1}}
@media(max-width:740px){.local-lab-card{padding:15px}.local-lab-heading{align-items:flex-start}.local-lab-options{grid-template-columns:1fr}.local-lab-options label:first-child{grid-column:auto}.local-lab-actions button{min-width:calc(50% - 5px)}.local-lab-stats{grid-template-columns:1fr 1fr}.local-compare-table>div{grid-template-columns:1fr 1fr}.local-compare-table .local-compare-head{display:none}.local-lab-warning{display:grid}.local-lab-devices{grid-template-columns:1fr 1fr}}

.ug-direct-card{overflow:hidden}.ug-direct-heading{align-items:center}.ug-direct-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e8f8f0;color:#23845d;font:10px 'DM Mono';white-space:nowrap}.ug-direct-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ug-direct-badge.idle{background:var(--surface2);color:var(--muted)}.ug-direct-badge.connecting{background:#fff4dd;color:#9b6812}.ug-direct-badge.error{background:#fdebed;color:#b23548}.ug-direct-controls{display:grid;grid-template-columns:minmax(230px,2fr) minmax(90px,.55fr) minmax(110px,.7fr);gap:9px;margin-top:16px}.ug-direct-controls label{margin:0}.ug-direct-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ug-direct-actions button{flex:1;min-width:150px}.ug-direct-status{min-height:18px;margin-top:11px!important;color:var(--ink)!important}.ug-direct-stage{display:grid;gap:12px;margin-top:16px}.ug-direct-screen{position:relative;display:grid;place-items:center;min-height:260px;max-height:72vh;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#020306}.ug-direct-screen canvas{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#000;cursor:crosshair;outline:none}.ug-direct-screen canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--purple)}.ug-direct-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;padding:20px;color:#a9abba;text-align:center;pointer-events:none}.ug-direct-empty span{font-size:28px;color:#8f66ff}.ug-direct-empty b{font-size:13px}.ug-direct-empty small{max-width:320px;font-size:9px;line-height:1.5}.ug-direct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ug-direct-stats div{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.ug-direct-stats span{display:block;color:var(--muted);font-size:9px}.ug-direct-stats b{display:block;margin-top:4px;font:12px 'DM Mono'}.ug-direct-keybar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ug-direct-keybar button{min-height:42px}.ug-direct-note{color:var(--muted);font-size:9px;line-height:1.5}html[data-theme="dark"] .ug-direct-badge{background:#17372c;color:#67d5aa}html[data-theme="dark"] .ug-direct-badge.idle{background:var(--surface2);color:var(--muted)}html[data-theme="dark"] .ug-direct-badge.connecting{background:#33270f;color:#efc86e}html[data-theme="dark"] .ug-direct-badge.error{background:#38171d;color:#ff8798}
@media(max-width:740px){.ug-direct-heading{align-items:flex-start}.ug-direct-controls{grid-template-columns:1fr 1fr}.ug-direct-controls label:first-child{grid-column:1/-1}.ug-direct-actions button{min-width:calc(50% - 5px)}.ug-direct-actions .danger{min-width:100%}.ug-direct-screen{min-height:220px}.ug-direct-stats{grid-template-columns:1fr 1fr}}