:root{color-scheme:dark;--bg:#0b1520;--panel:#101f2b;--line:#233746;--mint:#82f1cb;--text:#e7edf3;--muted:#95a8b8;--danger:#ff838d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{border:1px solid #344b5c;border-radius:9px;background:#172936;color:var(--text);padding:10px 14px;cursor:pointer;transition:background .12s}button:hover{background:#213b4a}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}input,textarea,select{border:1px solid #304655;border-radius:8px;background:#0d1b26;color:var(--text);padding:11px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 2px #82f1cb18}textarea{resize:vertical}label{display:block;color:#c2d0db;font-size:13px;margin:16px 0 8px}label>input,label>textarea,label>select{margin-top:8px}.primary{background:var(--mint);border-color:var(--mint);color:#08231e;font-weight:700}.primary:hover{background:#a0ffdf}.danger{color:#ffc1c6;border-color:#78404a;background:#3a222b}.danger:hover{background:#512a35}.full{width:100%;margin-top:20px}.mint{color:var(--mint)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}h1,h2,p{margin-top:0}p{line-height:1.65;color:var(--muted)}.muted{font-size:12px;color:var(--muted)}.login{display:grid;place-items:center;min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#173d39,transparent 65%),#0b1520}.login-card{width:min(430px,90vw);padding:35px;border:1px solid var(--line);border-radius:18px;background:#101f2bee;box-shadow:0 25px 100px #0004}.login-card>.eyebrow{display:block;margin-top:28px}.login-card h1{font-size:35px;letter-spacing:-1.2px;margin:10px 0}.login-card .primary{display:flex;justify-content:space-between;width:100%;margin-top:20px}.login-card small{font-size:11px;color:var(--muted)}#loginError{color:var(--danger);font-size:12px;margin-top:14px}.rail{position:fixed;inset:0 auto 0 0;width:188px;padding:30px 14px;background:#09131e;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;font-size:16px;line-height:1.08;padding:0 10px 43px;letter-spacing:-.3px}.rail-label{font-size:10px;letter-spacing:1.7px;color:#657f91;padding:10px 14px}.nav{text-align:left;background:transparent;border:0;color:var(--muted);display:flex;gap:16px;align-items:center;margin:4px 0;padding:14px;border-radius:7px}.nav span{font-size:22px}.nav.active{background:#19313b;color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.rail-bottom{margin-top:auto;font-size:12px;padding:15px 9px;color:var(--muted)}.rail-bottom small{display:block;margin-top:8px;color:#5f798c}.rail-bottom button{margin-top:22px;background:transparent;border:0;color:var(--muted);padding:0;font-size:12px}.server-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 9px #82f1cb25}.header{height:122px;margin-left:188px;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#14232f,#0c1924)}.header h1{font-size:28px;letter-spacing:-.8px;margin:5px 0 3px}.header p{margin:0;font-size:12px}.header-actions{display:flex;gap:10px}.header-actions button{padding:12px 17px}.profiles{position:fixed;left:188px;top:122px;bottom:0;width:292px;border-right:1px solid var(--line);background:#101e2a;display:flex;flex-direction:column}.profile-top{padding:21px 17px 7px}.search{display:flex;align-items:center;border:1px solid #304655;border-radius:8px;margin:0;background:#0d1b26;padding-left:13px}.search span{font-size:24px;color:var(--muted)}.search input{border:0;background:transparent;margin:0;box-shadow:none}.list-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#849aaa;margin:24px 0 11px}.list-heading span:last-child{color:var(--mint)}#profileList{overflow:auto;padding:0 10px;flex:1}.profile-card{position:relative;border:1px solid transparent;border-bottom-color:#1f3341;padding:17px 12px;display:flex;align-items:center;gap:12px;border-radius:8px;cursor:pointer;min-height:86px}.profile-card:hover{background:#182b37}.profile-card.selected{background:#1c3e43;border-color:#3a8b7d}.avatar{width:35px;height:35px;background:#263c4d;display:grid;place-items:center;border-radius:11px;color:#c8dfeb;font-size:13px;font-weight:600;flex-shrink:0}.selected .avatar{background:#78d9bb;color:#10352b}.profile-info{min-width:0;flex:1}.profile-name{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:177px}.profile-sub{display:flex;align-items:center;font-size:11px;color:var(--muted);margin-top:7px;gap:6px}.dot{width:6px;height:6px;border-radius:50%;background:#647687;flex-shrink:0}.dot.open{background:var(--mint)}.badge{font-size:9px;color:#9ec0cc;letter-spacing:.5px}.profile-card .more{border:0;background:transparent;padding:5px;color:var(--muted)}.profile-footer{padding:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.main{position:relative;margin-left:480px;min-height:calc(100dvh - 122px);padding-bottom:38px;display:flex;flex-direction:column}.tabs{min-height:49px;display:flex;align-items:flex-end;gap:5px;overflow:auto;padding:8px 12px 0;background:#0e1b27;border-bottom:1px solid var(--line)}.tabs:empty{display:none}.tab{white-space:nowrap;border-bottom:0;border-radius:9px 9px 0 0;font-size:11px;background:transparent;padding:12px 17px;color:var(--muted)}.tab.selected{background:#203542;color:var(--text);box-shadow:inset 0 2px var(--mint)}.toolbar{display:flex;align-items:center;gap:10px;padding:11px;background:#142532;border-bottom:1px solid var(--line)}.history{display:flex;gap:2px}.toolbar button{border:0;background:transparent;font-size:18px;padding:5px 8px}.address{display:flex;align-items:center;flex:1;gap:5px;background:#0c1b27;border:1px solid #2e4555;border-radius:7px;padding-left:11px;color:#7893a4}.address input{border:0;background:transparent;box-shadow:none;font-size:12px;padding:10px;min-width:0}.address button{font-size:16px}.empty{flex:1;min-height:570px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px;background:radial-gradient(ellipse at 50% 35%,#17313966,transparent 60%)}.empty-mark{width:78px;height:78px;border:1px solid #2c5f5a;border-radius:21px;display:grid;place-items:center;color:var(--mint);font-size:43px;background:#16352f66;box-shadow:0 0 65px #50c4a20b;margin-bottom:31px}.empty h2{font-size:35px;font-weight:600;letter-spacing:-1px;line-height:1.15;margin:13px 0 17px}.empty p{font-size:13px;margin-bottom:25px}.empty .primary{padding:13px 20px}.empty-pills{display:flex;gap:25px;color:#6c899b;margin-top:45px;font-size:11px}.browser-area{position:relative;background:#101820;flex:1;display:flex;align-items:flex-start;justify-content:center;min-height:200px;overflow:hidden}.browser-area canvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 274px);object-fit:contain;outline:none;background:white;cursor:default;touch-action:none}.stream-status{position:absolute;left:50%;top:30px;transform:translateX(-50%);background:#142b3bec;border:1px solid #345063;border-radius:20px;padding:8px 18px;font-size:12px;pointer-events:none;z-index:1;white-space:nowrap}.stream-status.error{color:#ffc1c6;border-color:#78404a}#remoteInput{position:fixed;left:-100px;top:50%;width:1px;height:1px;opacity:0;resize:none}.status-bar{position:absolute;bottom:0;left:0;right:0;height:38px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:15px;font-size:10px;color:#7893a4;background:#0c1924}.status-bar span:last-child{text-align:right}#mirrorBanner{background:var(--mint);padding:10px 15px;color:#08382e;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650}#mirrorBanner button{background:transparent;color:#08382e;border-color:#317f6c;padding:5px 12px;font-size:11px}dialog{color:var(--text);background:#122330;border:1px solid #355164;border-radius:15px;padding:28px;max-width:540px;width:calc(100% - 28px);max-height:90dvh;box-shadow:0 35px 100px #0008}dialog::backdrop{background:#050c13c9;backdrop-filter:blur(3px)}dialog h2{font-size:25px;letter-spacing:-.6px;margin:8px 0 12px}dialog p{font-size:12px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:0;background:transparent;padding:3px 7px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:12px}.check input{width:15px;margin-top:3px;accent-color:var(--mint)}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.section-tabs{display:flex;border-bottom:1px solid var(--line);gap:12px;margin:20px 0}.section-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;padding:10px 7px}.section-tabs button.selected{color:var(--mint);border-bottom:2px solid var(--mint)}.target-list{max-height:180px;overflow:auto;padding:5px 12px;border:1px solid var(--line);border-radius:7px}.target-list label{margin:9px 0}#toast{position:fixed;right:25px;bottom:55px;z-index:99;border:1px solid #3a756b;background:#193b35;color:#c9ffef;padding:14px 20px;border-radius:10px;max-width:420px;font-size:12px;box-shadow:0 12px 35px #0005}#toast.error{background:#402731;border-color:#87424e;color:#ffced4}.empty-search{padding:25px;text-align:center;color:var(--muted);font-size:12px}@media(min-width:1750px){.browser-area canvas{max-width:1520px}}@media(max-width:1100px){.rail{width:75px;padding:25px 9px}.brand{padding:0 8px 30px}.brand b,.rail-label,.nav:not(.active),.rail-bottom{display:none}.nav{font-size:0;padding:15px;gap:0}.nav span{font-size:24px}.header{margin-left:75px;padding:20px}.profiles{left:75px;width:245px}.main{margin-left:320px}.profile-name{max-width:135px}.header h1{font-size:24px}.empty h2{font-size:30px}.status-bar span:last-child{display:none}.header-actions button{font-size:12px;padding:10px}.empty-pills{gap:12px;font-size:10px}}@media(max-width:720px){.rail{display:none}.header{margin-left:0;height:110px;padding:16px}.header-actions{gap:6px}.header-actions button{padding:9px;font-size:11px}.header-actions #mirrorButton{font-size:0}.header-actions #mirrorButton:first-letter{font-size:16px}.profiles{position:relative;left:0;top:0;bottom:auto;width:100%;height:150px;border-right:0;border-bottom:1px solid var(--line)}.profile-top{padding:8px 12px}.search{height:34px}.list-heading,.profile-footer{display:none}#profileList{display:flex;padding:0 8px;overflow:auto}.profile-card{min-width:185px;min-height:70px;padding:10px}.profile-name{max-width:108px}.main{margin-left:0;min-height:calc(100dvh - 260px)}.empty{min-height:470px}.toolbar{padding:7px;gap:4px}.toolbar button{padding:4px}.address input{padding:8px}.tabs{min-height:40px}.tab{padding:10px}.browser-area canvas{max-height:none}.status-bar{font-size:9px;padding:0 10px}.empty-pills{flex-wrap:wrap;justify-content:center}.two-col{gap:8px}.header .eyebrow{font-size:8px}.header h1{font-size:21px}.header p{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.browser-area canvas{max-width:min(100%,calc((100dvh - 274px)*1.6));max-height:none;height:auto}@media(max-width:720px){.browser-area canvas{max-width:100%}}

:root{font-family:Arial,'Liberation Sans',system-ui,sans-serif}.nav span,.toolbar button,.address>span,.empty-mark{font-family:'DejaVu Sans','Segoe UI Symbol',sans-serif}