:root{--blue:#4f46e5;--blue2:#6366f1;--ink:#182335;--muted:#8490a4;--line:#e8ecf3;--bg:#f6f8fc;--white:#fff;--soft:#f1f4fa;--green:#17ab77;--shadow:0 8px 30px rgba(29,43,74,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;min-width:238px;background:#fff;border-right:1px solid var(--line);padding:31px 17px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.logo-row{display:flex;align-items:center;gap:12px;padding:0 12px 35px}.logo-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#5555e9,#28bdd4);color:#fff;display:grid;place-items:center;font-weight:1000;font-size:26px;box-shadow:0 8px 20px #5344d238}.logo-name{font-size:19px;font-weight:850;letter-spacing:-.8px}.logo-name span{color:var(--blue)}.logo-sub{font-size:9px;font-weight:800;letter-spacing:2.2px;color:#8c95a8;margin-top:2px}.sidebar-section{padding:0 16px;margin:6px 0 13px;font-size:10px;letter-spacing:1.15px;font-weight:800;color:#9aa3b3}.nav-links{display:flex;flex-direction:column;gap:6px}.nav-btn{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left;border:0;border-radius:12px;background:transparent;color:#62708a;font-weight:650;transition:.2s}.nav-btn:hover{background:#f4f5ff;color:var(--blue)}.nav-btn.active{background:#eef0ff;color:var(--blue)}.nav-ico{font-size:19px;width:24px;text-align:center}.sidebar-bottom{margin-top:auto}.support-box{display:flex;gap:10px;background:linear-gradient(145deg,#f1f2ff,#e9f9ff);padding:17px 12px;border-radius:13px}.support-icon{font-size:21px;color:var(--blue)}.support-box strong{font-size:12px}.support-box p{color:#828ba4;font-size:11px;line-height:1.6;margin:5px 0 0}.version{margin:26px 5px 0;font-size:10px;color:#a1a9b7}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:73px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;font-weight:750;color:#64718b}.breadcrumb span{margin-left:9px;color:#9ea9bb}.breadcrumb span:last-child{color:#33415a}.top-actions{display:flex;align-items:center;gap:13px}.clock-pill{font-size:11px;color:#91a0b6}.connection-badge{border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.connection-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aab4c7;margin-right:6px}.connection-badge.offline{background:#f4f5f9;color:#8491a6}.connection-badge.online{background:#e4fbf2;color:#08875e}.connection-badge.online i{background:#13ae77}.top-settings{border:1px solid var(--line);border-radius:9px;background:white;color:#8a96ad;width:33px;height:33px;font-size:18px}.page-content{padding:31px 36px;flex:1;max-width:1770px;width:100%;margin:auto}.view{display:none}.view.active{display:block}.eyebrow{color:#6969e9;letter-spacing:1.9px;font-size:10px;font-weight:900;margin-bottom:11px}.hero-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:27px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;font-weight:830;letter-spacing:-1px;margin:0 0 9px}h1 span{color:#5956e9}.lead{color:#8490a3;line-height:1.55;font-size:13px;margin:0}.btn{border-radius:10px;min-height:37px;border:1px solid transparent;font-weight:700;font-size:12px;padding:10px 15px;white-space:nowrap;transition:filter .15s,transform .15s}.btn:not(:disabled):active{transform:translateY(1px)}.btn:hover{filter:brightness(.97)}.btn-primary{background:linear-gradient(115deg,#554ce5,#7971fa);color:#fff;box-shadow:0 5px 14px #5d57ed25}.btn-outline{color:#546078;background:#fff;border:1px solid #e0e5ee}.btn-quiet{color:#66738b;background:transparent}.hero-connect{background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{padding:21px 21px 18px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);min-height:132px}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#8b96ab;font-size:10px;font-weight:800;letter-spacing:.75px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:16px}.purple{background:#f0edff;color:#6d5be8}.green{background:#e5f9f0;color:#18a375}.blue{background:#e6f5ff;color:#278ecb}.orange{background:#fff4e6;color:#de9f32}.stat-number{font-size:31px;font-weight:850;margin:7px 0 2px;letter-spacing:-1px}.stat-value{font-size:19px;font-weight:830;letter-spacing:-.5px;margin:15px 0 9px}.stat-note{font-size:11px;color:#a0a9bb}.green-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#1fb87d;margin-right:4px}.banner{display:flex;align-items:center;gap:14px;padding:17px 18px;background:#edf2ff;border:1px solid #dce5ff;border-radius:13px;margin-bottom:26px}.banner[hidden]{display:none}.banner-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--blue);font-weight:850;border:1px solid #b4befd;border-radius:50%;flex-shrink:0}.banner strong{font-size:12px}.banner p{margin:5px 0 0;color:#7886a9;font-size:11px;line-height:1.55}.banner .btn{margin-left:auto}.workspace-title-row{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.workspace-title-row h2{font-size:18px;margin:0 0 5px;letter-spacing:-.3px}.workspace-title-row p{font-size:12px;color:#8995aa;margin:0}.workspace-tag{background:#e8f7f3;color:#14a47a;padding:7px 10px;border-radius:99px;font-weight:900;font-size:9px;letter-spacing:.6px}.workspace-toolbar{background:white;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:var(--shadow);margin-bottom:16px}.toolbar-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-divider{height:23px;width:1px;background:#e6eaf1;margin:0 6px}.sync-toggle{display:flex;align-items:center;gap:14px;cursor:pointer}.sync-caption{text-align:right}.sync-caption strong{display:block;font-size:11px}.sync-caption small{display:block;font-size:10px;color:#9ca6b6;margin-top:3px}.sync-toggle input{position:absolute;opacity:0;width:1px;height:1px}.switch{width:41px;height:24px;border-radius:20px;background:#c6ccd8;position:relative;transition:.2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;height:18px;width:18px;background:#fff;border-radius:50%;transition:.2s}.sync-toggle input:checked+.switch{background:var(--blue2)}.sync-toggle input:checked+.switch:after{left:20px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(320px,1fr);align-items:start;gap:16px}.profile-panel,.control-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.profile-panel{min-height:500px}.panel-head{padding:19px 20px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head h3{margin:0 0 6px;font-size:13px}.panel-head p{margin:0;font-size:11px;color:#9ba5b7}.count-pill{font-size:10px;border-radius:20px;background:#f0f1f9;padding:4px 7px;color:#6a738c;margin-left:4px}.tiny-legend{font-size:10px;color:#9ca6b6}.profile-grid{padding:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.profile-card{background:#fff;border:1px solid #e5e9f1;border-radius:11px;overflow:hidden;cursor:pointer;transition:.15s;min-width:0}.profile-card:hover{box-shadow:0 5px 15px rgba(42,55,98,.08)}.profile-card.is-selected{border:2px solid #6862f0;box-shadow:0 0 0 3px #eeedff}.profile-top{height:35px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#f8f9fc}.chrome-symbol{font-size:14px;color:#6b61ec}.profile-name{font-size:11px;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.profile-status{width:7px;height:7px;border-radius:50%;background:#cad0dc}.profile-status.running{background:#1fb67a}.profile-status.starting{background:#f3b553}.preview-area{width:100%;aspect-ratio:1160/760;position:relative;background:linear-gradient(135deg,#f0f3fa,#e9edfa);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-area img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.preview-blank{display:grid;place-items:center;text-align:center;gap:6px;color:#a0aabe;font-size:10px}.preview-blank .preview-symbol{font-size:28px;color:#b3b9d6}.profile-bottom{padding:10px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:5px}.profile-url{font-size:9px;color:#97a0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:90%}.preview-label{position:absolute;bottom:6px;left:6px;background:#ffffffea;color:#7168ca;font-size:8px;border-radius:5px;padding:3px 5px;font-weight:800}.empty-profiles{margin:30px;text-align:center;padding:30px;border:1px dashed #d6ddeb;border-radius:13px}.empty-profiles[hidden]{display:none}.empty-glyph{font-size:38px;color:#c1c7db;margin-bottom:10px}.empty-profiles p{font-size:12px;color:#9da6bb;margin-top:8px}.control-head{padding:19px 19px 17px;display:flex;justify-content:space-between;align-items:center}.control-overline{font-size:9px;font-weight:850;color:#8b86e8;letter-spacing:1px;margin-bottom:8px}.control-head h3{font-size:15px;margin:0 0 6px}.control-head p{font-size:11px;color:#9ba6b9;margin:0}.master-icon{height:34px;width:34px;background:#eeedff;color:#6c5de9;border-radius:10px;display:grid;place-items:center;font-size:21px}.browser-chrome{margin:0 17px;background:#f2f4f9;border-radius:10px 10px 0 0;overflow:hidden;border:1px solid #e3e7ef;border-bottom:0}.browser-top{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#8390a6;font-size:10px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#ffb56c}.browser-dots i:nth-child(1){background:#fc8a87}.browser-dots i:nth-child(3){background:#65cf9a}.browser-location{display:flex;gap:3px;padding:4px 7px 7px;align-items:center}.icon-btn{border:0;background:transparent;color:#77849c;font-size:23px;width:25px;height:26px;line-height:21px}.browser-location input{width:0;min-width:0;flex:1;background:#fff;border:1px solid #e6eaf1;border-radius:6px;padding:7px;font-size:10px;color:#5d6880;outline:none}.browser-location input:focus{border-color:#8580ec}.go-btn{border:0;background:#6b63ed;color:#fff;height:27px;width:27px;border-radius:6px;font-size:18px}.screen-shell{margin:0 17px;border:1px solid #e1e6f0;aspect-ratio:1160/760;position:relative;overflow:hidden;background:#eef2fb;touch-action:pan-y}.screen-placeholder{width:100%;height:100%;background:radial-gradient(circle at 60% 25%,#fff,#eef1fd 75%);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.screen-placeholder-icon{font-size:38px;color:#aaa6f2}.screen-placeholder strong{font-size:13px;color:#666a99}.screen-placeholder span{font-size:10px;color:#9da6be}.screen-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;cursor:crosshair;user-select:none;-webkit-user-drag:none}.screen-shell img[hidden]{display:none}.screen-hint{text-align:center;color:#9ca6ba;font-size:9px;padding:9px 8px 15px}.control-actions{margin:0 17px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:10px;padding:14px}.control-actions h4{font-size:11px;margin:0 0 6px}.control-actions p{font-size:10px;color:#9aa5b9;line-height:1.5;margin:0 0 11px}.type-row{display:flex;gap:6px}.type-row input{min-width:0;flex:1;border:1px solid #e2e7f0;border-radius:8px;padding:9px 10px;font-size:11px;outline:none}.type-row input:focus{border-color:var(--blue)}.type-row .btn{padding:7px 11px;min-height:33px}.shortcut-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.shortcut-row button{font-size:10px;padding:7px 9px;background:white;color:#68758d;border:1px solid #e2e6f0;border-radius:7px}.shortcut-row button:hover{color:var(--blue);border-color:#c0bef7}.control-foot{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:9px}.control-foot>span{font-size:10px;color:#9da7bc;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-foot>div{display:flex;gap:6px}.small-danger,.small-outline{padding:7px 10px;min-height:30px;font-size:10px}.small-danger{background:#fff1f1;color:#d86068}.small-outline{background:#edf0ff;color:#6259d7}.section-title{margin-bottom:25px}.setup-container{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.setup-form,.setup-info{border:1px solid var(--line);background:#fff;border-radius:16px;padding:30px;box-shadow:var(--shadow)}.setup-step{font-size:19px;font-weight:800;color:#6864ea;margin-bottom:26px}.setup-step span{font-size:12px;color:#26354d;letter-spacing:.6px;margin-left:10px}.setup-form>label{display:block;font-size:12px;font-weight:750;margin:18px 0 9px}.setup-form>input,.secret-wrap input{height:43px;border-radius:9px;border:1px solid #dce3ef;padding:0 13px;outline:none;font-size:12px;width:100%;color:#33415a}.setup-form input:focus{border-color:#8984f3;box-shadow:0 0 0 3px #eeedff}.setup-form small{display:block;line-height:1.65;color:#8490a5;margin-top:7px;font-size:11px}.secret-wrap{position:relative}.secret-wrap input{padding-right:45px}.secret-wrap button{position:absolute;right:6px;top:6px;height:31px;width:32px;border:0;background:#f3f5fa;color:#7d879a;border-radius:7px}.form-buttons{margin:24px 0 19px;display:flex;gap:10px}.connection-message{font-size:12px;color:#8994a8;background:#f7f9fc;border-radius:8px;padding:11px}.info-hero{display:grid;place-items:center;border-radius:16px;height:55px;width:55px;background:#eeedff;color:#665bea;font-size:32px}.setup-info h3{font-size:19px;margin:22px 0 10px}.setup-info p,.setup-info li{color:#78859c;font-size:12px;line-height:1.9}.setup-info ol{padding-left:19px}.setup-info li{margin:8px 0}.info-warning{padding:12px 13px;border-radius:9px;background:#fff6e9;color:#ad7e36;font-size:11px;line-height:1.65}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.guide-grid article,.faq{border:1px solid var(--line);padding:25px;background:#fff;border-radius:15px}.guide-grid article>span{font-size:23px;color:#6962ec;font-weight:900}.guide-grid h3{font-size:15px;margin:14px 0 9px}.guide-grid p,.faq p{color:#7f8ca1;font-size:12px;line-height:1.9}.faq{margin-top:20px}.faq h3{font-size:15px}.faq p{margin-bottom:7px}.footer{margin:25px 36px 20px;color:#9ba4b3;font-size:11px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:22px;right:22px;z-index:10;max-width:420px;background:#27324a;color:#fff;border-radius:10px;padding:13px 16px;box-shadow:0 12px 35px #1520373e;font-size:12px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#b83b4d}
@media(max-width:1450px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-layout{grid-template-columns:minmax(0,1.4fr) minmax(315px,1fr)}.stat-card{padding:16px}.topbar{padding:0 23px}.page-content{padding:25px}.toolbar-main{gap:3px}.toolbar-main .btn{padding:9px 10px}}
@media(max-width:1080px){.sidebar{width:73px;min-width:73px;padding:26px 10px}.logo-row{padding:0 6px 28px}.logo-row>div:nth-child(2),.sidebar-section,.nav-btn:not(.active) .nav-ico+span,.nav-btn{font-size:0}.nav-btn{justify-content:center;padding:12px}.nav-ico{font-size:21px}.support-box,.version{display:none}.workspace-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel{max-width:680px;width:100%;margin:auto}.setup-container{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar{width:54px;min-width:54px;padding:18px 5px}.logo-mark{width:36px;height:36px}.logo-row{padding:0 4px 20px}.topbar{height:60px;padding:0 14px}.clock-pill{display:none}.top-actions{gap:6px}.page-content{padding:18px 12px}.hero-row{display:block}.hero-connect{margin-top:14px}.hero-row h1{font-size:24px}.stat-grid{gap:8px}.stat-card{padding:13px;min-height:115px}.stat-label{font-size:9px;letter-spacing:0}.stat-number{font-size:27px}.stat-value{font-size:16px}.banner{align-items:flex-start;flex-wrap:wrap;padding:12px}.banner .btn{margin-left:40px}.workspace-title-row{gap:10px}.workspace-tag{display:none}.workspace-toolbar{align-items:flex-start;flex-direction:column;padding:11px}.sync-toggle{align-self:flex-end}.toolbar-main{gap:3px}.toolbar-main .btn{padding:9px}.toolbar-divider{display:none}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.profile-panel{min-height:250px}.panel-head{padding:13px}.tiny-legend{display:none}.control-panel{width:100%}.setup-form,.setup-info{padding:19px}.guide-grid{grid-template-columns:1fr}.footer{margin:20px 12px;display:block}.footer span{display:none}}
[hidden]{display:none!important}