:root{--bg:#061321;--panel:#071b2c;--surface:#092137;--deep:#041321;--line:#1b3a51;--line-2:#14577a;--muted:#84b4d0;--text:#f5faff;--cyan:#18d9fc;--blue:#00a9e6;--positive:#39e898;--shadow:0 25px 80px rgba(0,0,0,.42);color-scheme:dark;font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 25% -15%,#0e4162 0%,transparent 34%),#03101b;color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.36}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){border-color:#1688bc;color:#fff}a{color:inherit;text-decoration:none}svg:not(.svg-symbols){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.page-background{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:-1}.glow{position:absolute;width:560px;height:560px;background:#0068ac;filter:blur(140px);opacity:.14;border-radius:50%;animation:ambient 11s ease-in-out infinite alternate}.glow-one{top:-160px;right:8%}.glow-two{bottom:-260px;left:9%;opacity:.1;animation-delay:-5s}@keyframes ambient{to{transform:translate(70px,45px) scale(1.12)}}.page-top{max-width:1536px;min-height:66px;margin:auto;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#98c9e5;font-size:13px}.back{display:inline-flex;align-items:center;gap:10px;color:#c4e3f5}.back:hover{color:var(--cyan)}.back span{font-size:21px}.page-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#45cfff}.pulse-dot{display:inline-block;width:7px;height:7px;background:#40efa1;border-radius:50%;box-shadow:0 0 13px #40efa1;margin-right:9px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 2px #40efa1}}.page-safe{color:#799bb7}.app-shell{max-width:1500px;min-height:800px;height:min(900px,calc(100vh - 115px));margin:0 auto 24px;border:1px solid #205b78;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);box-shadow:var(--shadow),0 0 34px rgba(0,183,255,.1);position:relative}.app-shell:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(126,216,250,.12)}.app-header{height:76px;min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:10px 22px}.brand{width:264px;flex:none;display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--text);font-size:20px;font-weight:780;letter-spacing:-.03em}.brand img{width:34px;height:34px;object-fit:contain}.cyan{color:#12d7fa}.header-search{border-radius:19px;background:#061829;border:1px solid #1d4056;max-width:542px;min-width:180px;flex:1;height:43px;display:flex;align-items:center;padding:0 15px;gap:12px;color:#82a8bf}.header-search svg{width:18px}.header-search:focus-within{border-color:#0dbbe4;box-shadow:0 0 0 2px rgba(30,205,245,.12)}.header-search input{border:0;outline:0;background:transparent;width:100%;color:var(--text);font-size:13px}.header-search input::placeholder{color:#6185a1}.own-identity{margin-left:auto;display:flex;align-items:center;gap:0;border:1px solid #1b4056;background:#071b2e;border-radius:13px;padding:6px 10px 6px 14px;min-width:296px}.own-identity div{padding:2px 11px 2px 1px;min-width:91px}.own-identity div+div{border-left:1px solid #294357;padding-left:14px;min-width:158px}.own-identity small{display:block;font-size:9px;letter-spacing:.16em;color:#78bae1;white-space:nowrap;font-weight:700}.own-identity strong{display:block;font-size:16px;color:#fff;white-space:nowrap;letter-spacing:.01em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid transparent;background:transparent;color:#94bed7;border-radius:9px}.icon-btn:hover:not(:disabled){background:#0d314a;color:var(--cyan)}.own-identity .icon-btn{margin-left:auto;color:#08defb}.own-identity .icon-btn svg{width:17px}.mock-controls{display:flex;align-items:center;gap:21px;color:#9cb9ce;font-size:18px;padding-left:4px}.app-layout{flex:1;display:grid;grid-template-columns:211px minmax(0,1fr) 304px;min-height:0}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 13px 18px;min-height:0;overflow:auto}.sidebar-section-label,.side-headline{font-size:9px;letter-spacing:.2em;font-weight:800;color:#70b9e9;margin:0 14px 17px}.sidebar nav{display:grid;gap:8px}.nav-button{display:flex;align-items:center;gap:14px;width:100%;border:1px solid transparent;border-left:2px solid transparent;background:transparent;color:var(--text);padding:13px 12px;border-radius:10px;text-align:left;font-size:13px;font-weight:610}.nav-button svg{color:#8bb0c8}.nav-button:hover:not(:disabled){background:#10344d}.nav-button.is-active{background:#0e2b42;border-left-color:var(--cyan)}.nav-button.is-active svg{color:var(--cyan)}.nav-button b{margin-left:auto;font-size:11px;border-radius:6px;padding:3px 7px;background:#12344e;color:#b1e6ff}.sidebar-divider{height:1px;background:var(--line);margin:18px 14px 22px}.realm{display:flex;align-items:center;gap:11px;background:transparent;border:0;color:#8bbde0;font-size:12px;width:100%;padding:8px 16px;text-align:left;border-radius:8px}.realm.active{background:#10334b;color:white}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex:none}.status-dot.green{background:var(--positive);box-shadow:0 0 12px rgba(57,232,152,.3)}.status-dot.gray{background:#869aab}.status-dot.blue{background:#448efb}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-bottom .nav-button{margin-bottom:7px}.preview-label{font-size:9px;letter-spacing:.17em;color:#6e9fbe;margin:23px 14px 0;font-weight:750}.preview-label small{display:block;letter-spacing:0;font-size:10px;color:#83a7c0;margin-top:7px;font-weight:400}.content{min-height:0;min-width:0;display:flex;flex-direction:column;padding:28px 26px 23px;overflow:hidden}.content-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.content-top h1{font-size:31px;line-height:1;margin:2px 0 10px;letter-spacing:-.05em}.content-top p{margin:0;color:#7fbde4;font-size:13px}.gear{border-color:var(--line);border-radius:50%;width:35px;height:35px}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 24px}.filters{display:flex;gap:9px;flex-wrap:wrap}.chip{height:35px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border:1px solid var(--line);border-radius:100px;background:#071829;color:#e8f6ff;font-size:12px;font-weight:600;white-space:nowrap}.chip:hover:not(:disabled){background:#10334d}.chip.selected{border-color:#12cce9;color:#fff;background:#06243b;box-shadow:0 0 0 1px rgba(10,222,255,.07)}.chip svg{width:15px;height:15px}.view-switch{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:#071b2d;padding:2px}.view-switch .icon-btn{width:30px;height:30px;border-radius:6px}.view-switch .icon-btn.active{color:#08d8fd;background:#09273f}.view-switch .icon-btn svg{width:17px;height:17px}.devices-grid{min-height:0;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;padding-right:10px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#315875 transparent}.device-card{border:1px solid #1c3d54;border-radius:16px;background:#071e2e;overflow:hidden;min-width:0;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.device-card:hover{transform:translateY(-3px);border-color:#208caf}.device-card.selected{border:2px solid #05d7f3;box-shadow:0 0 0 1px rgba(4,217,243,.08),0 0 22px rgba(0,149,220,.1)}.card-art{position:relative;height:146px;background-position:center;background-size:cover;overflow:hidden}.card-art:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,14,28,.78))}.card-status{position:absolute;z-index:1;top:13px;left:12px;background:#061729eb;border-radius:50px;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:10px;font-weight:700}.card-star{position:absolute;z-index:2;right:13px;top:13px;border:0;background:none;color:#9ab6c8;font-size:28px;line-height:1;text-shadow:0 0 9px rgba(0,0,0,.5);padding:0 3px}.card-star.fav{color:#ffcf56}.card-body{position:relative;padding:13px 16px 17px;display:flex;flex-direction:column;gap:6px}.card-body strong{font-size:17px;letter-spacing:-.02em}.card-body small{font-size:12px;color:#93c5e4}.card-body .card-group{margin-top:5px;color:#82bad9;font-size:11px;display:flex;align-items:center;gap:8px}.card-group svg{width:14px;height:14px}.card-more{position:absolute;right:15px;top:16px;color:#67869d;font-size:17px}.devices-grid.list-view{display:flex;flex-direction:column;gap:7px}.devices-grid.list-view .device-card{display:grid;grid-template-columns:110px 1fr;min-height:90px}.devices-grid.list-view .card-art{height:100%;min-height:88px}.devices-grid.list-view .card-body{justify-content:center}.devices-grid.list-view .card-status{top:8px;left:7px;font-size:9px;padding:4px}.devices-grid.list-view .card-star{top:auto;bottom:8px;font-size:19px}.content-status{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 15px;border:1px solid var(--line);background:#071d2d;border-radius:12px;margin-top:9px;color:#8cb6cf;font-size:11px}.content-status svg{width:18px}.content-status span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag{color:#03d4fc;font-weight:780;letter-spacing:.06em}.group-pills{margin:-6px 0 15px;display:flex;flex-wrap:wrap;gap:8px}.group-pills[hidden]{display:none}.group-pill{padding:8px 10px;border:1px solid #254761;border-radius:9px;background:#0a2337;color:#ccefff;font-size:11px}.group-pill.active{border-color:var(--cyan);color:var(--cyan)}.empty-state{grid-column:1/-1;padding:60px 16px;text-align:center;border:1px dashed #244b64;border-radius:15px;color:#83a8c2}.empty-state svg{width:32px;height:32px;color:var(--cyan);margin-bottom:12px}.inspector{border:1px solid var(--line);border-radius:16px;background:#071b2c;margin:15px 16px 15px 0;min-width:0;padding:18px;display:flex;flex-direction:column;gap:0;overflow:auto}.side-headline{margin:2px 0 18px}.detail-preview{position:relative;height:184px;border-radius:12px;overflow:hidden;background-position:center;background-size:cover;border:1px solid #1b435f}.detail-preview .card-status{right:8px;left:auto;top:12px}.details-name{font-size:27px;line-height:1.1;margin:17px 0 5px;letter-spacing:-.03em}.details-os{margin:0 0 26px;color:#7cbbe2;font-size:13px}.info-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;margin:15px 0;color:#83b6d4;font-size:11px}.info-row svg{width:16px;height:16px;color:#83cdea}.info-row strong{color:#edf9ff;font-size:11px;font-weight:650}.info-row .ok{color:#3de69a}.inspect-rule{height:1px;background:var(--line);margin:19px 0 18px}.access-label{display:block;color:#ecf7ff;font-size:12px;font-weight:800;margin:0 0 12px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px}.access-button{border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 3px;background:transparent;color:#d5efff;font-size:10px}.access-button svg{color:var(--cyan);width:23px;height:23px}.access-button:disabled{opacity:.32}.trust-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#74a9ca;background:#092237;border-radius:9px;padding:11px;margin:14px 0 22px}.trust-note svg{width:16px;height:16px;color:#39dca3}.connect{margin-top:auto;min-height:49px;border:1px solid #4fdef7;color:#03263b;font-weight:800;font-size:13px;border-radius:11px;background:linear-gradient(110deg,#51e8fc,#06b2e9);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;box-shadow:0 12px 24px #00b7ff23}.connect:hover:not(:disabled){transform:translateY(-2px);color:#03263b;box-shadow:0 15px 30px #00b7ff44}.connect svg{width:20px;height:20px}.connect:disabled{opacity:.45}.toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border:1px solid #0ea9ce;border-radius:11px;background:#082b43;color:#e5faff;box-shadow:var(--shadow);max-width:min(520px,90vw);font-size:13px}.toast[hidden],.session-overlay[hidden],.dialog-overlay[hidden]{display:none!important}
/* Session */
.session-overlay,.dialog-overlay{position:fixed;z-index:200;inset:0;background:rgba(0,8,18,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:14px}.session-window{width:min(1500px,100%);height:min(930px,100%);display:flex;flex-direction:column;border-radius:17px;border:1px solid #1e7193;background:#061827;box-shadow:0 28px 85px #000c;overflow:hidden}.session-top{height:64px;display:flex;align-items:center;gap:10px;padding:0 17px;border-bottom:1px solid var(--line)}.brand-small{width:auto;min-width:190px;font-size:18px}.brand-small img{width:30px;height:30px}.session-tabs{display:flex;align-self:stretch;gap:5px;overflow-x:auto;align-items:end;padding-top:10px}.session-tab{padding:0 10px 0 14px;height:46px;min-width:125px;max-width:210px;display:flex;gap:9px;align-items:center;background:#0b2539;border:1px solid #1e3c54;border-bottom:0;border-radius:11px 11px 0 0;color:#bfd7e6;font-size:12px}.session-tab.active{border-color:#00d8fa;color:#fff;background:#0d2d45}.session-tab .status-dot{width:6px;height:6px}.tab-select{background:none;border:0;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-x{padding:4px;border:0;background:none;color:#a8c1d0;margin-left:auto}.session-add{border:1px solid #20445e;border-radius:10px;background:#0d2b40;color:#08dbf9;width:40px;height:41px;font-size:26px;flex:none}.close-session{margin-left:auto}.session-toolbar{display:flex;align-items:center;gap:7px;min-height:57px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tool{background:#0b293e;border:1px solid #19435d;border-radius:10px;color:#e8f7fe;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 13px;font-size:12px}.tool svg{width:17px;height:17px;color:#15dfff}.tool.danger{background:none;border-color:transparent}.tool.danger svg{color:#ff4968}.select-label select{border:0;background:none;outline:0;color:inherit;font-size:12px;max-width:140px}.select-label option{color:#112b40;background:white}.toolbar-spacer{flex:1}.demo-tag{font-size:10px;letter-spacing:.08em;color:#79c1e6;background:#0d3047;padding:6px 10px;border-radius:9px}.remote-frame{flex:1;min-height:140px;padding:13px 16px 5px;overflow:hidden}.remote-desktop{height:100%;border:1px solid #1792d1;border-radius:10px;background:#0d3483 url('blue.png') center/cover no-repeat;overflow:hidden;position:relative;display:flex}.desktop-icons{padding:18px 12px;display:flex;flex-direction:column;gap:27px;width:110px}.desktop-icons>div{width:74px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;text-shadow:0 2px 5px #000;font-size:11px}.desktop-icons svg{width:29px;height:29px;color:#a6edff;filter:drop-shadow(0 3px 7px #0008)}.desktop-tip{margin:auto;display:flex;flex-direction:column;gap:4px;padding:13px 18px;border-radius:12px;background:#031934d4;text-align:center;font-weight:700;font-size:12px;box-shadow:0 7px 22px #0016}.desktop-tip small{font-size:10px;color:#98c7ef;font-weight:400}.fake-taskbar{position:absolute;bottom:0;left:0;right:0;height:45px;background:#051f39ce;border-top:1px solid #2472a2;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:11px}.fake-taskbar>div{display:flex;gap:18px}.fake-taskbar svg{color:#47d9ff}.session-bottom{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:11px;color:#82b9d7;min-height:61px}.bottom-tools{display:flex;gap:7px}.bottom-tools .icon-btn,.volume-controls .icon-btn{background:#0a2d43;border-color:#20465f;width:37px;height:36px;color:#11dafa}.session-bottom #session-info{flex:1}.volume-controls{display:flex;align-items:center;gap:9px;color:#e5f6ff}.volume-controls input{width:100px;accent-color:#06aef2}.volume-controls #volume-value{min-width:33px;text-align:right}.remote-frame.zoomed{overflow:auto}.remote-frame.zoomed .remote-desktop{min-width:1100px;min-height:680px}
/* Settings / notices */
.settings-window{width:min(1120px,100%);height:min(800px,100%);border:1px solid #296c8a;background:#061726;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.modal-header{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.modal-header .brand em{font-size:15px;font-weight:400;font-style:normal;color:#7aafce;margin-left:9px}.settings-body{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:0;flex:1}.settings-nav{display:flex;flex-direction:column;gap:5px;padding:17px 10px;background:#071b2c;border-right:1px solid var(--line);overflow:auto}.settings-nav button{padding:12px 15px;border:1px solid transparent;border-left:2px solid transparent;border-radius:10px;text-align:left;background:transparent;color:#e3f1fb;font-size:12px}.settings-nav button.selected{background:#0e2b42;border-left-color:#02dffc;font-weight:800}.settings-content{padding:24px 29px;overflow:auto}.settings-content h2{font-size:28px;letter-spacing:-.04em;margin:0 0 6px}.settings-content .subtitle{margin:0 0 22px;color:#80bde2;font-size:13px}.settings-block{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:17px;background:#071b2e}.settings-block h3{margin:0 0 15px;color:#75c5f0;font-size:11px;letter-spacing:.06em}.setting-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:center;margin:12px 0;font-size:12px;font-weight:630}.setting-row input:not([type=checkbox]),.setting-row select{width:100%;min-width:0;min-height:39px;border:1px solid #244c66;border-radius:9px;background:#081e31;color:#e7f8ff;padding:0 12px;outline:none}.setting-row option{background:#0b273b}.setting-check{margin-top:14px;display:flex;align-items:center;gap:11px;font-size:12px}.setting-check input{accent-color:#0b9ee4;width:17px;height:17px}.settings-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;color:#80aecd;font-size:11px}.settings-footer>div{display:flex;gap:9px}.btn{border:1px solid #214459;border-radius:10px;background:#0e2b41;color:#d8f6ff;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.btn svg{width:16px;height:16px}.btn.bright{background:linear-gradient(120deg,#57e6f8,#11b4eb);color:#052235;border-color:#64e0f6;font-weight:800}.btn.bright:hover{color:#052235}.action-modal{width:min(510px,100%);background:#071a2a;border:1px solid #1f617d;border-radius:18px;padding:29px;position:relative;text-align:center;box-shadow:var(--shadow)}.modal-close{position:absolute;top:12px;right:12px}.modal-emblem{width:57px;height:57px;border:1px solid #145e83;background:#0b2f4a;border-radius:17px;display:grid;place-items:center;color:#09d7f9;margin:0 auto 12px}.modal-emblem svg{width:29px;height:29px}.action-modal h2{font-size:23px;margin:0 0 13px}.action-modal p{font-size:13px;line-height:1.7;color:#a7cbe3}.modal-buttons{display:flex;justify-content:center;margin-top:24px}.modal-buttons .btn{min-width:130px}
/* Light theme uses same skin as the source preview */
[data-theme="light"]{--bg:#eef7fc;--panel:#e7f3fa;--surface:#f9fdff;--deep:#fff;--line:#c7dae7;--line-2:#8aaec8;--muted:#516f83;--text:#15364a;color-scheme:light}[data-theme="light"] .app-shell,[data-theme="light"] .sidebar,[data-theme="light"] .inspector,[data-theme="light"] .settings-window{background:var(--bg)}[data-theme="light"] .sidebar,[data-theme="light"] .inspector,[data-theme="light"] .own-identity,[data-theme="light"] .device-card,[data-theme="light"] .settings-nav,[data-theme="light"] .settings-block,[data-theme="light"] .content-status,[data-theme="light"] .action-modal{background:var(--surface)}[data-theme="light"] .nav-button,[data-theme="light"] .own-identity strong,[data-theme="light"] .card-body strong,[data-theme="light"] .info-row strong,[data-theme="light"] .chip,[data-theme="light"] .content-top h1,[data-theme="light"] .details-name,[data-theme="light"] .access-label{color:#16394f}[data-theme="light"] .nav-button.is-active,[data-theme="light"] .chip.selected{background:#d4effb}[data-theme="light"] .header-search,[data-theme="light"] .view-switch,[data-theme="light"] .toast,[data-theme="light"] .settings-content .setting-row input:not([type=checkbox]),[data-theme="light"] .setting-row select{background:#fff;color:#15364a}[data-theme="light"] .header-search input{color:#15364a}[data-theme="light"] .card-body small,[data-theme="light"] .card-group,[data-theme="light"] .details-os,[data-theme="light"] .content-status{color:#52758e}[data-theme="light"] .settings-nav button,[data-theme="light"] .settings-content h2{color:#23455b}[data-theme="light"] .settings-window .modal-header{background:#e8f5fc}[data-theme="light"] .settings-block .setting-check{color:#1a3b52}[data-theme="light"] .settings-footer{color:#547a93}[data-theme="light"] .settings-footer .btn:not(.bright){color:#28516f;background:#edf5fc}[data-theme="light"] .sidebar .preview-label{color:#52738c}
@media(max-width:1240px){.app-layout{grid-template-columns:188px minmax(0,1fr) 270px}.app-header{gap:12px}.brand{width:203px;font-size:19px}.inspector{padding:14px}.content{padding:23px 18px 17px}.detail-preview{height:145px}}@media(max-width:1100px){.app-shell{height:auto;min-height:780px}.app-layout{grid-template-columns:170px minmax(0,1fr)}.inspector{display:none}.brand{width:177px}.own-identity{min-width:250px}.own-identity div+div{min-width:120px}.mock-controls{display:none}.device-card .card-art{height:148px}.content{min-height:720px}}@media(max-width:720px){.page-top{flex-wrap:wrap;gap:8px;padding:14px 16px}.page-kicker{order:3;width:100%}.page-safe{font-size:11px}.app-shell{border-radius:0;margin:0;min-height:0}.app-header{height:auto;min-height:68px;flex-wrap:wrap;padding:10px}.brand{width:auto;font-size:17px}.brand img{width:27px;height:27px}.header-search{order:3;flex-basis:100%;max-width:none}.own-identity{margin-left:auto;min-width:0;padding:4px 5px}.own-identity small{font-size:7px}.own-identity strong{font-size:11px}.own-identity div{min-width:62px;padding-right:5px}.own-identity div+div{min-width:82px;padding-left:8px}.own-identity .icon-btn{width:26px;height:28px}.app-layout{grid-template-columns:1fr}.sidebar{padding:7px 10px 6px;overflow:visible}.sidebar-section-label,.sidebar-divider,.realm,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.nav-button{width:auto;flex:none;font-size:11px;gap:5px;padding:9px 8px}.nav-button svg{width:15px;height:15px}.content{padding:18px 14px;min-height:660px}.filterbar{margin:18px 0 16px;flex-wrap:wrap}.chip{padding:0 10px}.devices-grid{gap:10px}.card-art{height:110px!important}.card-body{padding:10px}.card-body strong{font-size:14px}.card-body small{font-size:10px}.content-top h1{font-size:25px}.content-top p{font-size:11px}.content-status{font-size:10px}.session-overlay{padding:0}.session-window{height:100%;border-radius:0}.session-top{padding:0 7px}.brand-small{min-width:0;width:auto;font-size:0}.brand-small img{width:28px;height:28px}.brand-small span{display:none}.session-toolbar{padding:6px}.tool{font-size:11px;padding:0 8px}.remote-frame{padding:8px 8px 4px}.desktop-tip{font-size:11px}.session-bottom{padding:6px;flex-wrap:wrap}.session-bottom #session-info{order:3;flex-basis:100%;font-size:10px}.volume-controls input{width:65px}.settings-window{height:100%;border-radius:0}.dialog-overlay{padding:0}.settings-body{grid-template-columns:125px 1fr}.settings-nav{padding:8px 3px}.settings-nav button{padding:11px 7px;font-size:10px}.settings-content{padding:15px 11px}.settings-content h2{font-size:22px}.setting-row{grid-template-columns:1fr;gap:5px}.settings-footer{padding:8px;flex-wrap:wrap}.settings-footer>span{font-size:10px}.modal-header{height:54px}.modal-header .brand em{font-size:11px}.action-modal{max-width:calc(100% - 24px)}}@media(max-width:440px){.devices-grid{grid-template-columns:1fr}.card-art{height:145px!important}.device-card{min-height:200px}.content{min-height:680px}.filterbar{gap:8px}.filters{gap:6px}.filters .chip{font-size:10px;padding:0 9px}.app-header .brand{width:100%}.own-identity{order:2;margin:0}.header-search{order:3}.page-safe{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.fake-files{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10px;margin-top:18px}.fake-files>div{border:1px solid #23506b;background:#0a2a40;padding:14px;border-radius:12px;font-size:13px}.fake-files small{display:block;color:#9ec3df;line-height:2;margin-top:12px}.fake-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.fake-actions .btn{font-size:11px}.form-note{font-size:11px;color:#86b3cb;line-height:1.5;margin:13px 0 0}
/* Keep desktop cards at their design height; scroll the list rather than squash rows. */
.devices-grid:not(.list-view){grid-auto-rows:247px}
.devices-grid.list-view .device-card{flex:0 0 90px}
@media(max-width:440px){.devices-grid:not(.list-view){grid-auto-rows:247px}}

/* Shared language selector for LanDeskSpace Next preview (UA / EN / DE). */
.demo-language-top{display:inline-flex;align-items:center;gap:6px;margin-left:auto;border:1px solid #235571;background:#091e30;border-radius:11px;padding:5px 9px;color:#8bdbfa;flex:none}.demo-language-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.demo-language-top select{border:0;background:transparent;color:#dff8ff;font-size:12px;font-weight:800;cursor:pointer;outline:0}.demo-language-top select option{color:#102f40;background:#fff}.setting-row select[data-lds-lang]{color:#e7f8ff}[data-theme="light"] .demo-language-top{background:#eefaff;border-color:#bedae8}[data-theme="light"] .demo-language-top select{color:#15364a}@media(max-width:720px){.demo-language-top{order:2;margin-left:0}}


/* Preview-only session countdown. The production gateway must enforce its own deadline. */
.session-toolbar{position:relative;padding-bottom:14px}
.session-timer{display:flex;align-items:center;gap:7px;border:1px solid #1f6684;border-radius:9px;background:#082b40;color:#e4faff;padding:7px 10px;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.session-timer svg{width:16px;height:16px;color:#36cfea;flex:none}
.session-timer strong{font-size:15px;letter-spacing:.045em;min-width:48px;text-align:right}
.session-timer-caption{color:#a4d0e5;font-size:11px}
.session-timer.is-warning{border-color:#b97a30;background:#39291c;color:#ffe2a7}
.session-timer.is-warning svg,.session-timer.is-warning .session-timer-caption{color:#ffd080}
.session-timer.is-expired{border-color:#bb5260;background:#451d29;color:#ffe2e8}
.session-timer-track{position:absolute;left:0;right:0;bottom:0;height:4px;background:#173e56;overflow:hidden}
.session-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#0a9dd5,#4adff3);transition:width .45s linear,background-color .3s}
.session-timer.is-warning~.session-timer-track .session-timer-fill{background:#f0a43b}
.session-time-warning{display:flex;align-items:center;justify-content:center;gap:8px;background:#3b2b1c;color:#ffda9a;border-bottom:1px solid #8d6236;padding:7px 12px;font-size:12px;font-weight:650}
.session-time-warning svg{height:16px;width:16px;flex:none}
.session-time-warning[hidden]{display:none!important}
@media(max-width:720px){.session-timer{padding:5px 7px;gap:5px}.session-timer-caption{display:none}.session-timer strong{font-size:13px;min-width:42px}.session-toolbar{padding-bottom:11px}}