:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182333;background:#f5f7fa;font-size:15px;--accent:#2163df;--line:#dfe4ec;--muted:#667085}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{touch-action:manipulation}a{color:var(--accent)}h1{font-size:26px;letter-spacing:-.7px;margin:0}h2{font-size:17px;margin:0 0 8px;font-weight:600}p{line-height:1.5;margin:8px 0}small,.hint{color:var(--muted);font-size:13px}.brand{font-size:22px;font-weight:750;letter-spacing:-.8px;color:#182333;text-decoration:none}.header{background:#fff;border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.header-actions{display:flex;align-items:center;gap:12px}.header-actions>span{color:var(--muted);font-size:13px}.workspace{max-width:1100px;margin:0 auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{font-size:14px;white-space:nowrap;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:14px 12px;font-weight:550}.tab.active{border-color:var(--accent);color:var(--accent)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:#344054;border-radius:7px;padding:10px 14px;text-decoration:none;font-size:14px;font-weight:550;white-space:nowrap}.button:hover{background:#f0f4fa}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#184fb8}.filters{display:flex;gap:16px;align-items:end;margin-bottom:18px}.filters>input{max-width:300px}.filters label{min-width:200px}input,select{width:100%;min-width:0;background:#fff;color:#182333;border:1px solid #cdd5df;border-radius:7px;padding:11px 12px}input:focus,select:focus{outline:2px solid #b1ceff;border-color:var(--accent)}label{display:grid;gap:8px;font-weight:550;font-size:14px}label[hidden],[hidden]{display:none!important}.item,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;padding:22px}.item-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.item-main>div:first-child{min-width:0}.item p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.actions .button{font-size:13px;padding:8px 11px}.item h2{overflow-wrap:anywhere}.empty{text-align:center;background:#fff;border:1px dashed #ccd4df;border-radius:10px;padding:65px 24px}.empty h2{color:var(--muted);font-weight:500;margin-bottom:20px}.message:empty,.error:empty{display:none}.message{padding:13px 16px;background:#eaf2ff;color:#184da4;border:1px solid #cbdfff;border-radius:8px;margin-bottom:20px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.error,.message.error{color:#a92a23;background:#fff0ef;border:1px solid #f4c8c4;border-radius:7px;padding:12px;font-size:14px;overflow-wrap:anywhere}.pending{padding:14px 16px;border:1px solid #ecd69d;background:#fffaed;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.panel{max-width:760px;padding:26px}.panel h2{margin-bottom:18px}.service{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:14px}.service:last-child{border:0}.good{color:#13804a}.bad{color:#ae332c}.checks{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.checks>div{display:flex;gap:16px;font-size:13px;margin-bottom:10px}.checks strong{min-width:150px;font-weight:600}.checks span{color:var(--muted);overflow-wrap:anywhere}.checks small{font-size:11px}.login,.boot{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:100%;max-width:390px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:12px}.login-box .brand{margin-bottom:30px}.login-box h1{font-size:23px;margin-bottom:24px}form{display:grid;gap:18px}.form-actions{gap:10px}dialog{width:min(500px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:0;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 80px #14253c33}dialog::backdrop{background:#18233366}dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}dialog h2{margin:0;font-size:19px}dialog form{padding:24px}.icon-button{border:0;background:transparent;padding:2px 6px;color:var(--muted);font-size:25px}details{border-top:1px solid var(--line);padding-top:15px}summary{color:var(--muted);font-size:13px}details label{margin-top:16px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#182333;color:white;padding:14px 20px;max-width:90vw;border-radius:9px;opacity:0;pointer-events:none;transition:.15s;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:750px){.header{padding:17px}.header-actions>span{display:none}.header-actions{gap:7px}.header-actions .button{font-size:12px;padding:8px 10px}.workspace{padding:17px}.tab{padding:13px 12px;font-size:14px}.page-heading h1{font-size:23px}.item{padding:18px}.item-main{align-items:flex-start;flex-direction:column;gap:15px}.actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters>input{max-width:none}.filters label{width:100%}.checks>div{flex-direction:column;gap:4px}.pending{align-items:flex-start;flex-direction:column}.login-box{padding:28px}.panel{padding:20px}}

.tunnel-id{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.tunnel-status{font-size:12px;font-weight:500;background:#edf1f6;border-radius:5px;padding:5px 8px;margin-left:8px;vertical-align:middle}.tunnel-status.good{background:#e7f5eb}.back-row{margin-bottom:22px}.setup-content{padding:24px;display:grid;gap:17px}.setup-content p{margin:0}.setup-downloads{display:flex;flex-wrap:wrap;gap:8px}.install-command{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5f9;padding:15px;border:1px solid var(--line);border-radius:7px;margin:0;line-height:1.7}.setup-content small{line-height:1.5}
textarea{font:inherit;outline-offset:4px;width:100%;min-width:0;background:#fff;color:#182333;border:1px solid #cdd5df;border-radius:7px;padding:11px 12px;resize:vertical}textarea:focus{outline:2px solid #b1ceff;border-color:var(--accent)}

.check-label{display:flex;align-items:center;gap:10px;padding:8px 0}.check-label input{width:auto}fieldset{border:1px solid var(--line);border-radius:7px;padding:12px}legend{font-size:14px}

/* Shared identity for login, first-run setup and dashboard. */
.brand{display:inline-flex;align-items:center;gap:12px}.brand-image{display:block;flex:none;width:40px;height:40px;object-fit:contain;border-radius:10px}.login-box .brand-image{width:56px;height:56px;border-radius:14px}
@media(max-width:480px){.header{gap:8px;padding:14px}.header .brand{font-size:19px;gap:8px}.header .brand-image{width:32px;height:32px;border-radius:8px}.header-actions .button{padding:8px;font-size:11px}}

.database-scroll{overflow:auto;max-height:420px}.database-scroll table{border-collapse:collapse;width:100%;font-size:13px}.database-scroll th,.database-scroll td{text-align:left;vertical-align:top;padding:9px;border-bottom:1px solid var(--line);max-width:220px;overflow-wrap:anywhere}.database-scroll th{position:sticky;top:0;background:#f5f7fa}.database-scroll .button{padding:5px 8px;font-size:12px}

textarea{font:inherit;width:100%;min-width:0;background:#fff;color:#182333;border:1px solid #cdd5df;border-radius:7px;padding:11px 12px;resize:vertical}textarea:focus{outline:2px solid #b1ceff;border-color:var(--accent)}

/* Persistent sidebar: navigation stays beside the workspace on desktop. */
.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:0 16px 24px}.sidebar-brand{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.sidebar .brand{font-size:21px;gap:10px}.sidebar .brand-image{width:37px;height:37px}.sidebar nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;border:0;margin:19px 0 0}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;border:0;border-radius:8px;padding:12px 14px;background:transparent;color:#667085;text-align:left;font-size:14px;font-weight:550}.nav-link:hover{background:#f4f6fa;color:#263c5a}.nav-link.active{background:#eaf1ff;color:#2056c9;font-weight:650}.nav-mark{display:inline-grid;place-items:center;width:20px;font-size:20px;line-height:1;font-weight:400}.main-shell{min-width:0}.header{height:85px;padding:20px 32px;gap:16px}.header-start{display:flex;align-items:center;gap:12px}.workspace-title{font-size:14px;font-weight:550;color:var(--muted)}.workspace{max-width:1280px;padding:32px;margin:0 auto;min-width:0}.menu-toggle,.sidebar-close,.sidebar-scrim{display:none}.page-heading{flex-wrap:wrap}.page-heading>.actions{margin-left:auto}.sidebar-scrim{border:0;border-radius:0}.sidebar .nav-link:focus-visible{outline:2px solid #7fa8f6;outline-offset:2px}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:250px;height:100dvh;z-index:40;transform:translateX(-100%);transition:transform .18s ease;box-shadow:8px 0 30px #14253c11}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;z-index:30;background:#18233366}.menu-toggle,.sidebar-close{display:inline-flex}.header{height:73px;padding:16px 20px}.workspace{padding:24px 20px}.workspace-title{display:none}.sidebar-brand{height:73px}.page-heading .actions{flex-wrap:wrap}}
@media(max-width:480px){.header{padding:14px}.workspace{padding:23px 15px}.header-actions{gap:7px}.menu-toggle{padding:9px 10px;font-size:12px}.page-heading{align-items:flex-start;gap:15px}.page-heading>.actions{margin-left:0;width:100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* RemoteDex Studio — colour carries meaning; motion respects reduced-motion. */
:root{--accent:#6356e5;--line:#e6e9f3;--muted:#738096}body{background:#f5f7fc;color:#23314d}.sidebar{background:linear-gradient(180deg,#192640,#202e4e);border:0;color:#fff}.sidebar .brand{color:#fff}.sidebar .nav-link{color:#bec9de;border-radius:12px;transition:background .18s,transform .18s}.sidebar .nav-link:hover{background:#ffffff12;color:#fff;transform:translateX(3px)}.sidebar .nav-link.active{background:linear-gradient(105deg,#7964ec,#5575e9);color:white;box-shadow:0 7px 18px #07142b44}.header{background:#ffffffdb;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.page-heading h1{letter-spacing:-1px;color:#243452}.eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1.8px;color:#7971ac;margin:0 0 8px}.button{border-radius:10px;transition:transform .15s,box-shadow .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 13px #20345312}.button.primary{background:linear-gradient(120deg,#6957df,#497ded);border-color:transparent;color:white;box-shadow:0 4px 12px #6356e526}.item,.panel{border-radius:18px;box-shadow:0 6px 22px #253b6310}.workspace>section,.workspace>.page-heading,.project-card{animation:studio-enter .3s ease-out both}.project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.project-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 9px 28px #253b6309;border-top:4px solid #8a76e9;padding:24px}.project-card.tone-1{border-top-color:#4a9deb}.project-card.tone-2{border-top-color:#29b89f}.project-card.tone-3{border-top-color:#eea54b}.project-top{display:flex;gap:14px;align-items:center}.project-top h2{margin:0 0 5px;font-size:22px}.project-symbol{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;color:#6b52ce;background:#eee9ff;font-size:23px;font-weight:750}.tone-1 .project-symbol{background:#e6f1ff;color:#3875bf}.tone-2 .project-symbol{background:#e2f8f1;color:#1c927d}.project-top>.soft-badge{margin-left:auto}.soft-badge{display:inline-flex;align-items:center;gap:6px;background:#eef0f7;color:#65708a;font-size:11px;font-weight:650;border-radius:20px;padding:7px 10px;white-space:nowrap}.soft-badge.good{background:#e3f7ef;color:#128667}.domain-pills{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.domain-pills span{background:#f4f5fa;border:1px solid #eceef6;border-radius:7px;padding:5px 9px;color:#6c7790;font-size:12px}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.usage-tile{display:grid;gap:11px;padding:18px;border-radius:14px}.usage-tile span{font-size:12px;color:#717b90}.usage-tile strong{font-size:26px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.usage-tile.violet{background:#f1edff;color:#7056c8}.usage-tile.blue{background:#eaf3ff;color:#3d82c8}.usage-tile.teal{background:#e6f8f2;color:#1a947d}.usage-tile.amber{background:#fff4e1;color:#b77d24}.usage-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:14px 0 20px}.project-actions{display:flex;flex-wrap:wrap;gap:8px}.project-actions .button{font-size:12px}.client-list,.key-list{margin-top:22px}.client-list summary,.key-list summary{font-weight:650;color:#64728b}.client-card{border:1px solid var(--line);border-radius:12px;background:#fafbfe;padding:16px;margin-top:14px}.client-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.client-heading h3{margin:0 0 5px}.client-card>.actions{justify-content:flex-start;margin:12px 0}.client-card .button{font-size:11px;padding:7px 10px}.device-line{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.device-line small{display:block;color:var(--muted);margin-top:4px}.device-line>div{flex:1;min-width:0;overflow-wrap:anywhere}.live-strip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;font-size:11px;color:var(--muted)}.live-strip>.hint{margin-left:auto;font-size:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:#abb5c7;display:inline-block;flex:none}.live-dot.connected{background:#22b392;box-shadow:0 0 0 4px #22b39216;animation:live-breathe 2s ease-in-out infinite}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}.section-title h2,.section-title h3{margin:0}.section-title h3{font-size:14px}.switch-row{display:flex;align-items:center;justify-content:space-between;background:#f3f0ff;border-radius:14px;padding:18px;margin:20px 0}.switch-row small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px}.switch-row input{appearance:none;width:44px;height:26px;border-radius:20px;background:#c5cede;border:0;padding:3px;position:relative;flex:none;transition:background .18s}.switch-row input:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0002;transition:transform .18s}.switch-row input:checked{background:#7964e8}.switch-row input:checked:before{transform:translateX(18px)}.media-domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.media-domain{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;background:#fafbff}.media-domain:has(input:checked){border-color:#9f8bef;background:#f3efff}.media-domain input{width:18px;height:18px;accent-color:#7864df}.media-domain small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.media-panel details{margin-top:20px}.empty-orb{width:70px;height:70px;display:grid;place-items:center;background:linear-gradient(135deg,#eee5ff,#dceeff);border-radius:24px;font-size:32px;color:#7763d3;margin:0 auto 20px}.login-screen{background:radial-gradient(ellipse at 15% 10%,#e9dcff,transparent 50%),radial-gradient(ellipse at 90% 85%,#d2f4ed,transparent 50%),#f4f7ff}.login-box{border-radius:26px;box-shadow:0 24px 80px #4e4b8e18}@keyframes studio-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes live-breathe{50%{box-shadow:0 0 0 7px #22b39208}}@media(max-width:650px){.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{padding:18px}.project-top{flex-wrap:wrap}.project-top>.soft-badge{margin-left:0}.live-strip{flex-wrap:wrap}.live-strip>.hint{margin-left:0}.client-heading{align-items:flex-start;flex-direction:column}.device-line{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.live-update .project-card{animation:none}
/* Live state stays on the same DOM nodes during refreshes. */
.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:650;background:#eef1f6;color:#526077;vertical-align:middle}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#94a3b8}.status-badge.up{background:#dcfce7;color:#166534}.up .status-dot{background:#16a34a;box-shadow:0 0 0 3px #16a34a19;animation:status-breathe 2s ease-in-out infinite}.status-badge.down{background:#ffe4e6;color:#be123c}.down .status-dot{background:#f43f5e;animation:status-breathe 2.4s ease-in-out infinite}.status-badge.wait{background:#fef3c7;color:#92400e}.wait .status-dot{background:#f59e0b;animation:status-breathe 1.2s ease-in-out infinite}.live-dot:not(.connected){background:#ef4444}.live-dot.connected{animation:status-breathe 2s ease-in-out infinite}.hosting-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.hosting-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#ecfdf5);margin-bottom:18px}.hosting-tools .button{background:#fff;border-color:#dbe3f2}.hosting-tools .button:hover{background:#eef2ff;border-color:#818cf8;transform:translateY(-1px)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-grid>div{padding:15px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff}.metric-grid strong,.metric-grid small{display:block}.metric-grid strong{margin-top:8px;font-size:17px;color:#1e40af}.code-editor{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;min-height:220px;line-height:1.6;tab-size:2}#hosting-detail{max-width:100%;overflow-wrap:anywhere}.item{border-left:3px solid #a5b4fc}.item:hover{border-left-color:#6366f1}.nav-link.active{box-shadow:inset 3px 0 #6366f1}.button{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}.button:active{transform:scale(.98)}.button:disabled{cursor:wait;opacity:.6}@keyframes status-breathe{50%{opacity:.5;box-shadow:0 0 0 5px #64748b0d}}@media(prefers-reduced-motion:reduce){.status-dot,.live-dot{animation:none!important}.button{transition:none}}@media(max-width:560px){.hosting-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:1fr}}
.service-indicators{display:flex;gap:12px;align-items:center;margin-left:12px}.service-indicators>span{display:inline-flex;align-items:center;gap:4px}.service-indicators .status-badge{font-size:0;padding:3px;background:transparent}.service-indicators small{font-size:11px;color:var(--muted)}@media(max-width:900px){.service-indicators{display:none}}
#editor:has(#hosting-detail){width:min(740px,92vw);max-height:90dvh;overflow-y:auto}#editor:has(#hosting-detail) .hosting-tools>button:last-child{grid-column:1/-1}
/* Measured server dashboard */
.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.metric-card{position:relative;overflow:hidden;border:1px solid #e0e6f3;padding:24px;border-radius:20px;box-shadow:0 8px 24px #24375c08}.metric-card.violet{background:linear-gradient(135deg,#f1eaff,#faf7ff)}.metric-card.blue{background:linear-gradient(135deg,#e3f0ff,#f7fbff)}.metric-card.peach{background:linear-gradient(135deg,#fff0e0,#fffaf5)}.metric-card.mint{background:linear-gradient(135deg,#dff8ee,#f5fffa)}.metric-card small,.metric-card strong{display:block}.metric-card small{color:#53647f;font-weight:600;font-size:12px}.metric-card strong{font-size:29px;letter-spacing:-1px;color:#273958;margin-top:12px}.metric-card em{font-style:normal;font-size:19px;margin-left:3px}.metric-card p{font-size:11px;color:#64748b;margin:12px 0 0}.metric-symbol{display:block;font-size:23px;color:#7164d5;margin-bottom:15px}.quick-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.quick-counts button{font:inherit;text-align:left;padding:16px;border:1px solid #e1e7f0;border-radius:14px;background:white;color:#617089;cursor:pointer;transition:transform .15s,box-shadow .15s}.quick-counts button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2339580b}.quick-counts strong{display:block;color:#34466c;font-size:22px;margin-bottom:5px}.overview-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:18px 0}.overview-toolbar label{min-width:170px;margin:0}.overview-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.graph-panel{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 24px #26385506}.graph-panel h2{font-size:17px}.live-chart{display:block;width:100%;height:215px;overflow:visible}.chart-grid{stroke:#e9edf5;stroke-dasharray:4 5;stroke-width:1}.chart-line{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line-0{stroke:#7960ed}.chart-line-1{stroke:#19b79d}.chart-point{fill:#7960ed}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#8591a6;margin-top:6px}.chart-legend{display:flex;justify-content:center;gap:18px;font-size:11px;color:#68758b;margin:14px 0 8px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%;background:#7960ed}.chart-legend .legend-1 i{background:#19b79d}.chart-empty{height:255px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7d8aa3;border-radius:12px;background:linear-gradient(135deg,#f7f5ff,#f4fcfb);font-size:13px}.chart-empty small{margin-top:8px;color:#96a0b1}.overview-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:24px 0}.overview-bottom .panel{margin:0;min-width:0}.domain-summary{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f6;padding:15px 0}.domain-summary>div:nth-child(2){flex:1;min-width:0}.domain-summary strong{font-size:13px;word-break:break-word}.domain-summary small{display:block;font-size:10px;color:#8c97a9;margin-top:5px}.domain-summary>span{font-size:11px;color:#7c88a0}.domain-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#efeaff;color:#7c64d8;font-size:21px}.security-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.security-card{border:1px solid #dfe5f1;background:linear-gradient(135deg,#fff,#f3f6ff);border-radius:20px;padding:24px}.security-card:nth-child(2){background:linear-gradient(135deg,#fff,#effbf7)}.security-card:nth-child(3){background:linear-gradient(135deg,#fff,#fff5ec)}.security-card h2{font-size:17px}.security-card p{font-size:12px;color:#728096;line-height:1.6}.service small{display:block;font-size:11px;color:#8b96a8;margin-top:5px}.setup-banner{background:linear-gradient(135deg,#ede7ff,#e6f9f4);padding:22px;border-radius:18px;margin:22px 0}.item-main>.actions{justify-content:flex-end}.nav-link[data-page=overview] .nav-mark{color:#a3c9ff}.nav-link[data-page=security] .nav-mark{color:#71ddba}@media(min-width:1500px){.workspace{max-width:1500px}}@media(max-width:1100px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-charts,.overview-bottom{grid-template-columns:1fr}}@media(max-width:650px){.overview-metrics{gap:10px}.metric-card{padding:17px}.metric-card strong{font-size:23px}.quick-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.security-cards{grid-template-columns:1fr}.graph-panel{padding:16px}.overview-toolbar{gap:10px}.overview-toolbar label{min-width:140px;flex:1}.domain-summary{flex-wrap:wrap}.overview-bottom{gap:14px}}
.row-menu{position:relative;margin:0;border:0;padding:0}.row-menu>summary{cursor:pointer;list-style:none;padding:8px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;background:#fff;color:#5f6d85}.row-menu>summary::-webkit-details-marker{display:none}.row-menu[open]>summary{background:#efebff;color:#6a54c7}.row-menu>div{position:absolute;right:0;top:42px;z-index:20;min-width:185px;background:#fff;border:1px solid #dfe5f2;border-radius:12px;padding:8px;display:grid;gap:6px;box-shadow:0 15px 40px #273b6522}.row-menu>div .button{text-align:left;justify-content:flex-start}.media-settings>.media-panel{border:0;box-shadow:none;padding:20px 0 0;margin:0}.media-settings>summary{font-weight:650;color:#526586;font-size:15px}.panel summary{cursor:pointer}

.reset-panel{border:1px solid #f4b9b9}.reset-panel .button,.button.danger{color:#b42332;border-color:#efaaaa;background:#fff1f2}.reset-progress{max-width:600px!important}.reset-progress progress{width:100%;height:16px;accent-color:#7161d9}.reset-progress>strong{display:block;text-align:right}.reset-steps{padding-left:22px;color:#7c8194;line-height:2}.reset-steps .done{color:#238361}.reset-steps .current{color:#6651cf;font-weight:700}

/* Compact hosting tools */
.tool-tabs,.file-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.tool-tabs{justify-content:flex-start}.file-list{border:1px solid var(--border,#e1e5ef);border-radius:14px;overflow:hidden}.file-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px auto auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border,#e1e5ef)}.file-row:last-child{border:0}.file-name{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;overflow-wrap:anywhere;cursor:pointer;color:inherit;font:inherit;min-width:0}.file-name span{color:#7863d7}.file-row small{color:#68748b}.file-upload{display:inline-flex!important;cursor:pointer;margin:0!important}.file-row .button{padding:7px 10px}.live-log{padding:16px;background:#172239;color:#d9f6ea;border-radius:14px;max-height:52vh;min-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,monospace}.tool-progress{padding:25px 16px;border-radius:14px;background:#f3f0ff;color:#5947a5}.tool-progress .status-dot{margin-right:10px}.check-summary{font-size:18px;font-weight:700;margin:20px 0 8px}.restore-progress{padding:14px 0}.restore-progress progress{width:100%;height:12px;accent-color:#7863d7}.restore-history+.restore-history{border-top:1px solid #e7eaf2;padding-top:16px}.restore-progress .section-title{margin-bottom:8px}.tool-tabs .primary{box-shadow:0 4px 14px #7863d725}#site-tools-content .code-editor{width:100%;box-sizing:border-box;tab-size:2;line-height:1.5}#editor:has(#site-tools-content){width:min(900px,94vw)}#connection-results .checks{margin-top:12px}@media(max-width:600px){.file-row{grid-template-columns:minmax(100px,1fr) auto}.file-row small{display:none}.file-row .button{font-size:12px}.file-row [data-delete-file]{grid-column:2}.file-row .file-name{grid-row:span 2}.file-toolbar .actions{gap:6px}}

.tool-progress .status-dot{display:inline-block;background:#f59e0b;animation:status-breathe 1.2s ease-in-out infinite}.live-log+.status-dot,.status-dot.up{display:inline-block;background:#16a34a}.live-log{border:1px solid #29354c}@media(prefers-reduced-motion:reduce){.tool-progress .status-dot{animation:none}}