@font-face{font-family:system-ui;src:local("Segoe UI")}
:root{color-scheme:dark;--bg:#07101c;--bg-soft:#0b1625;--panel:#101d2d;--panel-2:#0c1725;--line:#21334a;--line-soft:#192a3e;--text:#f1f6ff;--muted:#8293aa;--blue:#4a8cff;--green:#35d39a;--red:#ff6f82;--violet:#a879ff;--shadow:0 24px 70px #0006}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,sans-serif}button,input{font:inherit}[hidden]{display:none!important}button{color:inherit}.eyebrow{margin:0 0 8px;color:#6b86a8;font:700 10px/1.4 "Segoe UI",sans-serif;letter-spacing:2px}.glass{background:#0e1928dd;border:1px solid #ffffff16;box-shadow:var(--shadow);backdrop-filter:blur(24px)}
.login-view{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 52% -20%,#1c3b69 0,transparent 46%),linear-gradient(145deg,#07111f,#050b13)}.ambient{position:absolute;border-radius:999px;filter:blur(10px);opacity:.45}.ambient-one{width:420px;height:420px;background:#246dff33;top:-180px;right:-90px}.ambient-two{width:360px;height:360px;background:#873cff24;bottom:-190px;left:-70px}.login-card{width:min(100%,470px);padding:42px;border-radius:24px;position:relative;z-index:1}.brand-mark{width:56px;height:48px;display:flex;gap:5px;align-items:flex-end;margin-bottom:24px}.brand-mark span{display:block;width:12px;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#7bb6ff,#337bf2);box-shadow:0 7px 24px #4a8cff55}.brand-mark span:nth-child(1){height:26px}.brand-mark span:nth-child(2){height:43px}.brand-mark span:nth-child(3){height:34px}.brand-mark.small{width:38px;height:34px;margin:0;gap:3px}.brand-mark.small span{width:8px}.brand-mark.small span:nth-child(1){height:18px}.brand-mark.small span:nth-child(2){height:30px}.brand-mark.small span:nth-child(3){height:23px}.login-card h1{font-size:28px;margin:0 0 12px}.login-copy{color:var(--muted);line-height:1.9;margin:0 0 28px}.login-card label{display:block;font-size:12px;margin:0 2px 8px;color:#bbc8d8}.input-wrap{height:52px;border:1px solid var(--line);border-radius:12px;background:#08111d;display:flex;align-items:center;transition:.2s}.input-wrap:focus-within{border-color:#4a8cff;box-shadow:0 0 0 3px #4a8cff20}.input-wrap input{border:0;outline:0;background:transparent;color:white;flex:1;min-width:0;padding:0 15px;direction:ltr}.input-wrap input::placeholder{direction:ltr}.reveal-button{border:0;background:transparent;color:#6f83a0;padding:10px 14px;cursor:pointer;font-size:11px}.primary-button{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#5598ff,#3277eb);padding:14px 18px;margin-top:14px;font-weight:700;display:flex;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 30px #397ee63d;transition:.2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.07)}.form-error{color:#ff8090;font-size:12px;min-height:20px;margin:9px 2px 0}.secure-note{color:#60738d;font-size:11px;text-align:center;border-top:1px solid #ffffff0d;margin-top:18px;padding-top:18px}.secure-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:radial-gradient(circle at 75% -30%,#15345b55 0,transparent 40%),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line-soft);background:#09131fdd;backdrop-filter:blur(18px);padding:26px 18px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.sidebar-brand b{display:block;font-size:17px}.sidebar-brand small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.nav-item{width:100%;height:48px;border:0;border-radius:11px;background:transparent;color:#8294ac;display:flex;align-items:center;gap:12px;padding:0 13px;cursor:pointer;text-align:left}.nav-item.active{background:linear-gradient(90deg,#4a8cff1f,#4a8cff0a);color:#dceaff;border:1px solid #4a8cff24}.nav-icon{font-size:19px;color:#68a3ff}.nav-count{margin-left:auto;background:#1a2c43;color:#8fadd1;border-radius:20px;padding:2px 8px;font-size:10px}.sidebar-bottom{margin-top:auto}.server-health{display:flex;gap:10px;align-items:center;padding:14px 10px;border:1px solid var(--line-soft);border-radius:12px;background:#0b1724}.server-health b,.server-health small{display:block}.server-health b{font-size:11px}.server-health small{font-size:9px;color:var(--muted);margin-top:4px}.pulse-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #35d39a12,0 0 15px #35d39a99}.logout-button{width:100%;border:0;background:transparent;color:#7588a0;padding:14px;margin-top:8px;cursor:pointer;font-size:11px}.logout-button:hover{color:#ff8190}
.main-content{padding:30px clamp(20px,3vw,42px);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:0;font-size:25px}.top-actions{display:flex;gap:10px}.search-box{height:44px;width:min(34vw,340px);display:flex;align-items:center;gap:10px;padding:0 14px;background:#0d1927;border:1px solid var(--line);border-radius:11px;color:#6c819b}.search-box:focus-within{border-color:#4a8cff77}.search-box input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:11px}.refresh-button{width:44px;border:1px solid var(--line);border-radius:11px;background:#0d1927;cursor:pointer;font-size:19px}.refresh-button.loading span{display:block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;min-height:118px;background:linear-gradient(145deg,#111f30,#0d1927);border:1px solid var(--line-soft);border-radius:15px;padding:18px}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-45px;top:-45px;background:currentColor;opacity:.035}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.stat-card span,.stat-card small{display:block}.stat-card span{color:#9babc0;font-size:11px}.stat-card strong{display:block;font:700 27px/1.2 "Segoe UI",sans-serif;margin:4px 0}.stat-card small{color:#5d7088;font-size:9px}.stat-card.blue{color:var(--blue)}.stat-card.green{color:var(--green)}.stat-card.red{color:var(--red)}.stat-card.violet{color:var(--violet)}.stat-card.blue .stat-icon{background:#4a8cff16}.stat-card.green .stat-icon{background:#35d39a16}.stat-card.red .stat-icon{background:#ff6f8216}.stat-card.violet .stat-icon{background:#a879ff16}.stat-card .time-stat{font-size:16px;line-height:2}
.workspace-grid{display:grid;grid-template-columns:minmax(300px,38%) minmax(450px,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(150deg,#101d2d,#0c1724);border:1px solid var(--line-soft);border-radius:16px;box-shadow:0 18px 45px #0002;overflow:hidden}.device-panel,.detail-panel{min-height:560px}.panel-heading{height:74px;border-bottom:1px solid var(--line-soft);padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0 0 4px;font-size:15px}.panel-heading p{margin:0;color:var(--muted);font-size:9px}.segmented{display:flex;background:#08121e;border:1px solid #1c2c40;border-radius:9px;padding:3px}.segmented button{border:0;background:transparent;color:#6f829c;border-radius:6px;padding:6px 9px;font-size:9px;cursor:pointer}.segmented button.active{background:#1b2b3f;color:#d9e8fa}.device-list{max-height:720px;overflow:auto;padding:8px}.device-row{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;padding:13px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;cursor:pointer;margin-bottom:3px}.device-row:hover{background:#142336}.device-row.active{background:#14263b;border-color:#2c4665}.device-avatar{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#203650,#17283c);display:grid;place-items:center;color:#8fbfff;font:700 16px "Segoe UI",sans-serif;position:relative}.device-avatar:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid #17283c;bottom:-2px;right:-2px;background:#64748a}.device-row.online .device-avatar:after{background:var(--green);box-shadow:0 0 9px #35d39a88}.device-main{min-width:0}.device-main b,.device-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-main b{font-size:12px}.device-main span{color:#70839c;font-size:9px;margin-top:5px;direction:ltr;text-align:left}.device-meta{text-align:right}.device-meta b{display:block;font:600 10px "Segoe UI",sans-serif}.device-meta small{display:block;font-size:8px;color:#657991;margin-top:5px}.online-text{color:var(--green)}.offline-text{color:var(--red)}.list-empty{padding:70px 20px;text-align:center;color:#71849e;font-size:11px;line-height:2}
.detail-panel{position:sticky;top:30px}.empty-detail{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-detail h2{font-size:16px;margin:28px 0 8px}.empty-detail p{max-width:330px;color:var(--muted);font-size:10px;line-height:2}.empty-orbit{width:110px;height:110px;border:1px solid #29405d;border-radius:50%;position:relative;display:grid;place-items:center}.empty-orbit:before,.empty-orbit:after{content:"";position:absolute;border:1px solid #1c314a;border-radius:50%}.empty-orbit:before{inset:12px}.empty-orbit:after{inset:28px;background:#102239}.empty-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#4a8cff;box-shadow:0 0 14px #4a8cff}.empty-orbit span:first-child{top:13px;right:24px}.empty-orbit span:nth-child(2){bottom:23px;left:8px;background:#35d39a}.empty-orbit i{width:22px;height:17px;border:2px solid #84b4ff;border-radius:3px;z-index:2;position:relative}.empty-orbit i:after{content:"";position:absolute;width:10px;height:2px;background:#84b4ff;bottom:-6px;left:4px}
.detail-header{padding:18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.detail-identity{display:flex;align-items:center;gap:12px}.detail-identity h2{margin:0 0 5px;font-size:16px}.detail-identity p{margin:0;color:#72869f;font:10px "Segoe UI",sans-serif}.status-pill{border-radius:30px;padding:7px 11px;font-size:9px;border:1px solid}.status-pill.online{color:var(--green);border-color:#35d39a33;background:#35d39a0e}.status-pill.offline{color:var(--red);border-color:#ff6f8233;background:#ff6f820e}.detail-body{padding:16px}.desktop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.desktop-toolbar h3,.section-title{font-size:11px;margin:0}.desktop-toolbar span{display:block;color:#6f829b;font:9px "Segoe UI",sans-serif;margin-top:4px}.zoom-controls{display:flex;background:#08121e;border:1px solid #1c2c40;border-radius:8px;padding:3px;gap:2px}.zoom-controls button{border:0;background:transparent;color:#71849c;border-radius:6px;padding:6px 9px;font-size:9px;cursor:pointer}.zoom-controls button.active{background:#1c3048;color:#b9d6ff}.desktop-frame{height:min(72vh,760px);min-height:440px;border:1px solid #2c4058;border-radius:11px;overflow:auto;background:#05090e;box-shadow:inset 0 0 20px #0008}.desktop-canvas{position:relative;flex:none}.desktop-screen{position:absolute;left:0;top:0;overflow:hidden;background:#000;transform-origin:top left}.desktop-wallpaper{position:absolute;inset:0;width:100%;height:100%}.wallpaper-fill,.wallpaper-span{object-fit:cover}.wallpaper-fit{object-fit:contain}.wallpaper-stretch{object-fit:fill}.wallpaper-center{object-fit:none}.desktop-icons{position:absolute;inset:0}.preview-icon{position:absolute;width:var(--icon-width);text-align:center;color:white;text-shadow:0 1px 3px #000,0 1px 1px #000;font:12px/1.2 "Segoe UI",sans-serif;overflow:visible}.preview-icon img{display:block;max-width:none;margin:0;padding:0;filter:drop-shadow(0 1px 1px #0005)}.preview-icon span{display:-webkit-box;width:90px;margin-top:4px;margin-left:calc((var(--icon-width) - 90px)/2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.info-section{margin-top:17px}.section-title{margin-bottom:10px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-box{background:#091421;border:1px solid #192c41;border-radius:9px;padding:10px;min-width:0}.info-box label,.info-box span{display:block}.info-box label{color:#687b94;font-size:8px;margin-bottom:5px}.info-box span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-box{grid-column:1/-1;display:flex;align-items:center;gap:10px}.path-box>div{min-width:0;flex:1}.path-box code{display:block;direction:ltr;text-align:left;color:#9fc5ff;font:9px Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-button{border:1px solid #29415f;background:#12233a;border-radius:7px;color:#8fbaff;padding:7px 9px;cursor:pointer;font-size:8px}.toast{position:fixed;left:24px;bottom:24px;background:#17273a;border:1px solid #2b4562;border-radius:10px;padding:11px 16px;box-shadow:var(--shadow);font-size:10px;z-index:20}
@media(max-width:1180px){.stats-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.detail-panel{position:static}.device-panel{min-height:0}.device-list{max-height:380px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{height:auto;position:static;border:0;padding:14px 18px;flex-direction:row;align-items:center}.sidebar-brand{padding:0}.sidebar nav{display:none}.sidebar-bottom{margin:0 0 0 auto}.server-health{display:none}.logout-button{margin:0}.main-content{padding:20px 14px}.topbar{align-items:flex-start;gap:14px}.top-actions{flex:1;justify-content:flex-end}.search-box{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.workspace-grid{display:block}.detail-panel{margin-top:16px}.panel-heading{height:auto;gap:12px;align-items:flex-start}.segmented{flex-shrink:0}.login-card{padding:30px 24px}.topbar h1{font-size:20px}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.topbar{display:block}.top-actions{margin-top:15px}.search-box{width:100%}.workspace-grid{min-width:0}.info-grid{grid-template-columns:1fr}.path-box{grid-column:auto}.stat-card{min-height:98px}.detail-header{align-items:flex-start}.panel-heading{display:block}.segmented{margin-top:12px;width:max-content}}

/* Dashboard overview */
.dashboard-workspace{display:block}.dashboard-workspace .device-panel{min-height:0;overflow-x:auto}.dashboard-workspace .panel-heading{min-width:1120px}.device-columns,.dashboard-workspace .device-row{display:grid;grid-template-columns:minmax(220px,1.35fr) 110px 155px minmax(190px,1.1fr) minmax(250px,1.5fr) 90px 60px;gap:16px;align-items:center;min-width:1120px}.device-columns{height:42px;padding:0 20px;background:#0a1522;border-bottom:1px solid var(--line-soft);color:#60738c;font-size:9px;text-transform:uppercase;letter-spacing:.55px}.dashboard-workspace .device-list{max-height:none;padding:0}.dashboard-workspace .device-row{min-height:76px;margin:0;padding:12px 20px;border:0;border-bottom:1px solid #ffffff0a;border-radius:0}.dashboard-workspace .device-row:last-child{border-bottom:0}.dashboard-workspace .device-row:hover{background:#14263a}.device-identity-cell{display:flex;align-items:center;gap:12px;min-width:0}.device-table-cell{display:flex;flex-direction:column;gap:5px;min-width:0;color:#c9d5e5}.device-table-cell b{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-table-cell small{font-size:9px;color:#71849d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-cell{display:block;color:#91b9ed;font:9px/1.5 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startup-badge{width:max-content;border-radius:20px;padding:5px 8px;font-size:8px;border:1px solid}.startup-badge.enabled{color:var(--green);border-color:#35d39a35;background:#35d39a0d}.startup-badge.disabled{color:#8291a5;border-color:#8291a52c;background:#8291a50b}.item-count{width:34px;height:28px;border-radius:8px;background:#17283b;display:grid;place-items:center;color:#a9c8ee;font:600 10px "Segoe UI",sans-serif}

.file-actionable{cursor:context-menu}.file-context-menu{position:fixed;z-index:50;width:168px;padding:6px;background:#111f30;border:1px solid #355272;border-radius:9px;box-shadow:0 18px 55px #000b}.file-context-menu button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:#d6e5f7;text-align:left;padding:10px 11px;cursor:pointer;font-size:11px}.file-context-menu button:hover,.file-context-menu button:focus{background:#203650;outline:0}.file-dialog-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:#02060bc9;backdrop-filter:blur(8px)}.file-dialog{width:min(920px,96vw);height:min(720px,90vh);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#0c1724;border:1px solid #355272;border-radius:13px;box-shadow:0 25px 90px #000d}.file-dialog>header{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 13px;border-bottom:1px solid var(--line-soft);background:#101d2c}.file-dialog h2{min-width:0;margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-dialog>header button,.file-preview-content footer button{border:1px solid #315070;border-radius:7px;background:#162a40;color:#b9d8ff;padding:7px 11px;cursor:pointer}.file-dialog-content{min-height:0;display:grid;place-content:center;padding:24px;overflow:auto}.file-transfer-status{margin:0 0 14px;color:#9cb0c8;font-size:11px;text-align:center}.file-transfer-progress{width:min(460px,75vw);height:7px;overflow:hidden;border-radius:10px;background:#17283b}.file-transfer-progress span{display:block;width:2%;height:100%;background:linear-gradient(90deg,#3984f8,#63aeff);transition:width .2s}.file-transfer-progress.failed span{background:var(--red)}.file-preview-content{display:grid;grid-template-rows:minmax(0,1fr) auto;place-content:stretch;padding:0}.file-preview-content>img,.file-preview-content>video{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.file-preview-content>audio{width:min(620px,90%);margin:auto}.file-preview-content>iframe{width:100%;height:100%;border:0;background:white}.file-preview-content>pre{margin:0;padding:20px;overflow:auto;direction:ltr;text-align:left;color:#dbe8f5;background:#070d15;font:12px/1.55 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.file-preview-content>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-top:1px solid var(--line-soft);color:#71859f;font-size:9px}.file-preview-unavailable{align-self:center;padding:28px;color:#9badc1;text-align:center;line-height:1.7}

/* Windows Explorer folder window */
.folder-browser.explorer-window{inset:22px clamp(8px,3vw,48px) 14px;grid-template-rows:36px 46px minmax(0,1fr);color:#202020;background:#f7f7f7;border:1px solid #8b8b8b;border-radius:8px;box-shadow:0 24px 90px #0009;backdrop-filter:none;font-family:"Segoe UI",sans-serif}.explorer-window .explorer-titlebar{display:flex;align-items:center;justify-content:space-between;height:36px;padding-left:11px;background:#f3f3f3;border-bottom:1px solid #dedede}.explorer-window-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}.explorer-window-icon{width:18px;height:18px;display:grid;place-items:center}.explorer-window-icon:empty{background:linear-gradient(#ffd45f,#e9a824);border-radius:2px}.explorer-window-icon img{display:block;max-width:18px;max-height:18px}.explorer-window .folder-browser-close{align-self:stretch;width:46px;padding:0!important;border:0!important;border-radius:0!important;color:#333;font-size:20px}.explorer-window .folder-browser-close:hover{color:white;background:#c42b1c}.explorer-navigation-bar{display:grid;grid-template-columns:34px 34px minmax(180px,1fr) 34px minmax(130px,240px);align-items:center;gap:5px;padding:6px 10px;background:#f7f7f7;border-bottom:1px solid #dedede}.explorer-window .folder-browser-back,.explorer-window .folder-browser-up,.explorer-window .folder-browser-refresh{width:32px;height:32px;padding:0!important;border:0!important;border-radius:4px!important;color:#333;font-size:16px}.explorer-window .folder-browser-back:hover:not(:disabled),.explorer-window .folder-browser-up:hover:not(:disabled),.explorer-window .folder-browser-refresh:hover{background:#e4e4e4}.explorer-window .folder-browser-back:disabled,.explorer-window .folder-browser-up:disabled{opacity:.35}.explorer-window .folder-breadcrumbs{height:32px;padding:0 7px;gap:1px;background:white;border:1px solid #d2d2d2;border-radius:4px;overflow:hidden}.explorer-window .folder-breadcrumbs button{height:25px;padding:3px 7px;color:#222;border-radius:3px}.explorer-window .folder-breadcrumbs button:hover{background:#e9e9e9}.explorer-window .folder-breadcrumbs span{color:#777}.explorer-search{min-width:0;height:32px;padding:0 10px;border:1px solid #d2d2d2;border-radius:4px;outline:0;background:white;color:#222;font-size:11px}.explorer-search:focus{border-color:#0067c0}.explorer-body{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.explorer-sidebar{min-height:0;overflow:auto;padding:9px 7px;background:#f3f3f3;border-right:1px solid #e1e1e1}.explorer-sidebar h3{margin:11px 9px 4px;color:#666;font-size:9px;font-weight:600}.explorer-sidebar-item{width:100%;height:30px;display:flex;align-items:center;gap:8px;padding:0 9px!important;border:0!important;border-radius:4px!important;color:#222!important;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden}.explorer-sidebar-item:hover{background:#e7e7e7!important}.explorer-sidebar-item.active{background:#dbeaf7!important}.explorer-sidebar-item img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.explorer-sidebar-item>span:last-child{overflow:hidden;text-overflow:ellipsis}.explorer-sidebar-fallback{width:17px;height:13px;flex:0 0 auto;background:#eebd45;border-radius:2px}.explorer-main{min-width:0;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr) 28px;background:white}.explorer-command-bar{display:flex;align-items:center;gap:3px;padding:5px 9px;border-bottom:1px solid #e5e5e5;background:#fafafa;overflow:auto}.explorer-command-bar button{height:30px;padding:0 10px!important;border:0!important;border-radius:4px!important;color:#333!important;font-size:10px;white-space:nowrap}.explorer-command-bar button:disabled{opacity:1}.explorer-command-bar button:hover{background:#e7e7e7}.explorer-window .folder-browser-content{padding:12px 14px;grid-template-columns:repeat(auto-fill,96px);grid-auto-rows:98px;align-content:start;gap:4px 7px;background:white}.explorer-window .folder-entry{width:96px;min-width:96px;height:98px;min-height:98px;padding:7px 5px!important;border:1px solid transparent!important;border-radius:3px!important;color:#202020!important;justify-content:flex-start}.explorer-window .folder-entry:hover{background:#e5f3ff!important;border-color:#c5e5ff!important}.explorer-window .folder-entry.selected{background:#cce8ff!important;border-color:#99d1ff!important}.explorer-window .folder-entry-icon{width:48px;height:48px;margin:0 auto 5px;display:grid;place-items:center}.explorer-window .folder-entry-icon.has-shell-icon{margin-top:0;background:none;box-shadow:none;border-radius:0}.explorer-window .folder-entry-icon.has-shell-icon:before,.explorer-window .folder-entry-icon.has-shell-icon:after{display:none}.explorer-window .folder-entry-icon img{display:block;max-width:42px;max-height:42px;object-fit:contain}.explorer-window .folder-entry-name{font-size:10px;line-height:1.3;-webkit-line-clamp:2}.explorer-window .folder-entry small{display:none}.explorer-window .folder-browser-empty{color:#666;font-size:11px}.explorer-window .folder-browser-status{height:28px;padding:7px 11px;border-top:1px solid #e2e2e2;color:#555;background:#fafafa;font-size:9px}

/* Desktop-only route */
.desktop-view{min-height:100vh;background:#050a11;display:flex;flex-direction:column}.desktop-view-header{height:78px;flex:0 0 auto;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:20px;padding:0 22px;background:#0b1521;border-bottom:1px solid #1d3046}.back-button{justify-self:start;border:1px solid #263c55;background:#101e2e;color:#9eb4ce;border-radius:10px;padding:10px 13px;cursor:pointer;font-size:10px}.back-button:hover{border-color:#4776aa;color:#d9ebff}.back-button span{margin-right:7px}.desktop-view-identity{display:flex;align-items:center;gap:11px;min-width:0}.desktop-view-identity h1{font-size:14px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-view-identity p{font:9px "Segoe UI",sans-serif;color:#71859f;margin:0;text-align:center}.desktop-view-header>.status-pill{justify-self:end}.desktop-only-content{min-width:0;flex:1;padding:14px;overflow:hidden}.desktop-only-body{height:100%;display:flex;flex-direction:column;min-height:0;position:relative}.desktop-only-body .desktop-toolbar{flex:0 0 auto;padding:0 2px}.desktop-full-frame{height:auto;min-height:0;flex:1;border-radius:8px}.folder-openable{cursor:pointer;border-radius:4px}.folder-openable:focus{outline:2px solid #67a4ff;outline-offset:4px}.folder-browser{position:absolute;z-index:5;inset:40px clamp(8px,4vw,70px) 18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0c1724f5;border:1px solid #355272;border-radius:12px;box-shadow:0 24px 80px #000b;overflow:hidden;backdrop-filter:blur(20px)}.folder-browser-header{height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line-soft);background:#101d2c}.folder-browser button{border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.folder-browser-back,.folder-browser-close{border-color:#29415d!important;border-radius:7px!important;padding:7px 10px}.folder-browser-back:disabled{opacity:.35;cursor:default}.folder-breadcrumbs{min-width:0;display:flex;align-items:center;gap:5px;overflow:auto;white-space:nowrap}.folder-breadcrumbs button{color:#9fc5f6;border-radius:6px;padding:5px 7px}.folder-breadcrumbs button:hover{background:#1b3048}.folder-breadcrumbs span{color:#526b88}.folder-browser-content{min-height:0;overflow:auto;padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:10px}.folder-entry{min-width:0;min-height:118px;border-radius:9px!important;padding:13px 8px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.folder-entry:hover,.folder-entry:focus{background:#172a3e;border-color:#2b4a6c;outline:0}.folder-entry-icon{position:relative;display:block;width:48px;height:42px;margin:1px auto 10px}.folder-entry-folder .folder-entry-icon{height:35px;margin-top:8px;background:linear-gradient(145deg,#ffd66f,#e9a82f);border-radius:4px;box-shadow:inset 0 -5px 8px #b56d2238,0 5px 10px #0004}.folder-entry-folder .folder-entry-icon:before{content:"";position:absolute;left:3px;top:-7px;width:22px;height:10px;border-radius:4px 4px 0 0;background:#f3bd4e}.folder-entry-file .folder-entry-icon{width:36px;height:44px;background:linear-gradient(145deg,#e8f1fd,#9eb2ca);border-radius:3px;box-shadow:0 5px 10px #0004}.folder-entry-file .folder-entry-icon:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 11px 11px;border-color:transparent transparent #667f9e transparent}.folder-entry-name{display:-webkit-box;max-width:100%;font-size:11px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.folder-entry small{margin-top:5px;color:#657a95;font-size:8px}.folder-browser-empty{grid-column:1/-1;align-self:center;padding:60px 20px;text-align:center;color:#71859e;font-size:11px}.folder-browser-status{height:32px;border-top:1px solid var(--line-soft);padding:8px 14px;color:#6e829c;font-size:9px;background:#0a1420}

@media(max-width:780px){.dashboard-workspace .panel-heading{min-width:980px}.device-columns,.dashboard-workspace .device-row{grid-template-columns:minmax(190px,1.3fr) 95px 135px minmax(170px,1fr) minmax(220px,1.4fr) 80px 50px;min-width:980px}.desktop-view-header{height:auto;min-height:72px;grid-template-columns:1fr auto;padding:10px 12px}.desktop-view-identity{grid-column:1/-1;grid-row:2;justify-self:center}.desktop-view-header>.status-pill{grid-column:2;grid-row:1}.desktop-only-content{padding:8px}.desktop-full-frame{min-height:0}.folder-browser{inset:38px 4px 4px}.folder-browser-content{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));padding:10px}.folder-browser-header{grid-template-columns:auto minmax(0,1fr) auto;padding:7px;gap:5px}}

/* Keep Fit calculations independent from the scaled canvas's content size. */
.desktop-view{height:100vh;height:100dvh;overflow:hidden}.desktop-only-content{min-height:0}

.zoom-controls .zoom-step-button{min-width:29px;font-size:15px;line-height:1}.zoom-controls button:disabled{opacity:.35;cursor:default}.desktop-only-body:fullscreen{width:100vw;height:100vh;padding:14px;background:#050a11}.desktop-only-body:fullscreen .desktop-full-frame{min-height:0;border-radius:8px;background:#000}

.preview-icon.selected{border-radius:3px;background:#287be355;outline:1px solid #72adf0cc}

.folder-browser.explorer-window{right:auto;bottom:auto;min-width:0;min-height:0}.explorer-window .explorer-titlebar{cursor:move;user-select:none;touch-action:none}.explorer-window .folder-browser-close{cursor:pointer}.explorer-resize-handle{position:absolute;z-index:8;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none}.explorer-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid #777;border-bottom:2px solid #777}

.explorer-window .explorer-command-bar button.active{background:#dce9f5}.explorer-command-menu{position:absolute;z-index:20;width:210px;padding:5px;background:#f9f9f9;border:1px solid #b8b8b8;border-radius:7px;box-shadow:0 12px 32px #0005;color:#202020}.explorer-command-menu-item{width:100%;height:29px;display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:center;padding:0 7px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#202020!important;text-align:left;font-size:10px!important}.explorer-command-menu-item:hover{background:#e6e6e6!important}.explorer-command-menu-item>span:first-child{text-align:center;font-size:11px}.explorer-command-menu-separator{height:1px;margin:4px 7px;background:#ddd}.folder-entry-modified,.folder-entry-size{display:none}

.explorer-window.explorer-view-extra-large .folder-browser-content{grid-template-columns:repeat(auto-fill,144px);grid-auto-rows:154px;gap:7px}.explorer-window.explorer-view-extra-large .folder-entry{width:144px;min-width:144px;height:154px;min-height:154px}.explorer-window.explorer-view-extra-large .folder-entry-icon{width:104px;height:104px}.explorer-window.explorer-view-extra-large .folder-entry-icon img{max-width:96px;max-height:96px}.explorer-window.explorer-view-extra-large .folder-entry-name{font-size:11px}
.explorer-window.explorer-view-large .folder-browser-content{grid-template-columns:repeat(auto-fill,120px);grid-auto-rows:132px;gap:6px}.explorer-window.explorer-view-large .folder-entry{width:120px;min-width:120px;height:132px;min-height:132px}.explorer-window.explorer-view-large .folder-entry-icon{width:78px;height:78px}.explorer-window.explorer-view-large .folder-entry-icon img{max-width:72px;max-height:72px}
.explorer-window.explorer-view-small .folder-browser-content{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:34px;gap:2px 7px}.explorer-window.explorer-view-small .folder-entry{width:100%;min-width:0;height:34px;min-height:34px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;padding:2px 5px!important;text-align:left}.explorer-window.explorer-view-small .folder-entry-icon{width:24px;height:24px;margin:0}.explorer-window.explorer-view-small .folder-entry-icon img{max-width:20px;max-height:20px}.explorer-window.explorer-view-small .folder-entry-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.explorer-window.explorer-view-list .folder-browser-content{grid-template-rows:repeat(auto-fill,34px);grid-auto-flow:column;grid-auto-columns:220px;grid-template-columns:none;gap:2px 8px;overflow:auto}.explorer-window.explorer-view-list .folder-entry{width:220px;min-width:220px;height:34px;min-height:34px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;padding:2px 5px!important;text-align:left}.explorer-window.explorer-view-list .folder-entry-icon{width:25px;height:25px;margin:0}.explorer-window.explorer-view-list .folder-entry-icon img{max-width:22px;max-height:22px}.explorer-window.explorer-view-list .folder-entry-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.explorer-window.explorer-view-details .folder-browser-content{display:block;padding:0;overflow:auto}.explorer-details-header{position:sticky;z-index:2;top:0;min-width:650px;height:28px;display:grid;grid-template-columns:minmax(220px,1fr) 150px 120px 90px;background:#fff;border-bottom:1px solid #e4e4e4}.explorer-details-header button{min-width:0;padding:0 8px!important;border:0!important;border-right:1px solid #eee!important;border-radius:0!important;color:#555!important;text-align:left;font-size:9px}.explorer-details-header button:hover{background:#ededed!important}.explorer-window.explorer-view-details .folder-entry{width:100%;min-width:650px;height:28px;min-height:28px;display:grid;grid-template-columns:28px minmax(192px,1fr) 150px 120px 90px;align-items:center;padding:1px 8px!important;text-align:left}.explorer-window.explorer-view-details .folder-entry-icon{width:22px;height:22px;margin:0}.explorer-window.explorer-view-details .folder-entry-icon img{max-width:18px;max-height:18px}.explorer-window.explorer-view-details .folder-entry-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-window.explorer-view-details .folder-entry-modified,.explorer-window.explorer-view-details .folder-entry-size,.explorer-window.explorer-view-details .folder-entry-type{display:block;min-width:0;overflow:hidden;color:#444;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.explorer-window.explorer-view-details .folder-entry-size{text-align:right;padding-right:8px}
.explorer-window.explorer-view-tiles .folder-browser-content{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:72px;gap:4px 8px}.explorer-window.explorer-view-tiles .folder-entry{width:100%;min-width:250px;height:72px;min-height:72px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;padding:7px!important;text-align:left}.explorer-window.explorer-view-tiles .folder-entry-icon{grid-row:1/3;width:50px;height:50px;margin:0}.explorer-window.explorer-view-tiles .folder-entry-icon img{max-width:44px;max-height:44px}.explorer-window.explorer-view-tiles .folder-entry-name{align-self:end;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-window.explorer-view-tiles .folder-entry-type{align-self:start;display:block;color:#777;font-size:9px}
.explorer-window.explorer-view-content .folder-browser-content{display:block;padding:6px 10px}.explorer-window.explorer-view-content .folder-entry{width:100%;min-width:520px;height:74px;min-height:74px;display:grid;grid-template-columns:62px minmax(190px,1fr) 150px 90px;grid-template-rows:1fr 1fr;align-items:center;padding:6px 9px!important;text-align:left}.explorer-window.explorer-view-content .folder-entry-icon{grid-row:1/3;width:52px;height:52px;margin:0}.explorer-window.explorer-view-content .folder-entry-icon img{max-width:46px;max-height:46px}.explorer-window.explorer-view-content .folder-entry-name{align-self:end;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-window.explorer-view-content .folder-entry-type{align-self:start;display:block;color:#777;font-size:9px}.explorer-window.explorer-view-content .folder-entry-modified,.explorer-window.explorer-view-content .folder-entry-size{display:block;color:#555;font-size:9px}.explorer-window.explorer-view-content .folder-entry-modified{grid-column:3;grid-row:1/3}.explorer-window.explorer-view-content .folder-entry-size{grid-column:4;grid-row:1/3;text-align:right}
.explorer-window.explorer-compact .folder-browser-content{gap:1px;padding-top:5px;padding-bottom:5px}.explorer-window.explorer-compact.explorer-view-details .folder-entry,.explorer-window.explorer-compact.explorer-view-details .explorer-details-header{height:23px;min-height:23px}.explorer-window.explorer-compact.explorer-view-list .folder-browser-content{grid-template-rows:repeat(auto-fill,28px)}.explorer-window.explorer-compact.explorer-view-list .folder-entry,.explorer-window.explorer-compact.explorer-view-small .folder-entry{height:28px;min-height:28px}

.explorer-address{min-width:0;width:100%;height:32px;padding:0 9px;border:1px solid #d2d2d2;border-radius:4px;outline:0;background:#fff;color:#202020;font:11px Consolas,"Segoe UI",sans-serif;direction:ltr;text-align:left}.explorer-address:focus{border-color:#0067c0;box-shadow:inset 0 -1px #0067c0}.explorer-window .folder-browser-missing{color:#c42b1c}