.dt-stage{--bg:#030303;--surface:#0f0f0f;--fg:#f5f5f5;--fg-2:#cecece;--muted:#a1a1a1;--meta:#737373;--border:#333;--accent:#056dff;--success:#00d294;background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;grid-template-rows:44px minmax(0,1fr);font-size:13px;line-height:1.35;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.dt-stage{--bg:lab(.903296% 0 0);--surface:lab(4.4379% 0 0);--fg:lab(96.52% -.0000298023 .0000119209);--fg-2:lab(82.6% .0000298023 -.0000119209);--muted:lab(66.128% -.0000298023 .0000119209);--meta:lab(48.496% 0 0);--border:lab(21.12% 0 0);--accent:lab(48.3311% 19.9624 -80.9873);--success:lab(75.0771% -60.7313 19.4147)}}.dt-titlebar{border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);align-items:center;gap:10px;padding:0 12px;display:flex}.dt-lights{gap:6px;margin-right:4px;display:flex}.dt-lights span{background:#333;background:lab(21.12% 0 0);border-radius:999px;width:10px;height:10px}.dt-lights span:first-child{background:#e13430}.dt-lights span:nth-child(2){background:#c9a227}.dt-lights span:nth-child(3){background:#3d9a62}.dt-mark{width:18px;height:18px;image-rendering:pixelated}.dt-word{letter-spacing:-.01em;font-weight:600}.dt-tailnet{color:var(--muted);align-items:center;gap:6px;margin-left:8px;font-size:12px;display:inline-flex}.dt-dot{background:var(--meta);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklch, var(--meta) 25%, transparent);border-radius:999px}.dt-dot.is-on{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch, var(--success) 22%, transparent)}.dt-body{grid-template-columns:196px 128px minmax(0,1fr);min-height:0;display:grid}.dt-devices,.dt-nav{border-right:1px solid color-mix(in oklch, var(--border) 65%, transparent);min-height:0;overflow:auto}.dt-devices{padding:12px 8px}.dt-kicker{color:var(--meta);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 8px;font-size:11px;font-weight:500}.dt-device,.dt-nav-item{width:100%;color:var(--fg-2);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;display:flex}.dt-nav-item{cursor:pointer}.dt-device{cursor:default}.dt-device:hover{background:color-mix(in oklch, var(--surface) 65%, transparent)}.dt-device{padding:8px}.dt-device strong,.dt-nav-item span{font-weight:500}.dt-device small{color:var(--meta);font-size:11px;font-weight:400;display:block}.dt-device.is-selected,.dt-nav-item.is-selected{background:var(--surface);color:var(--fg)}.dt-nav-item.is-selected span{color:var(--accent)}.dt-nav{flex-direction:column;gap:4px;padding:12px 8px;display:flex}.dt-selected-label{color:var(--meta);margin:0 8px 10px;font-size:11px}.dt-selected-label strong{color:var(--fg);margin-top:2px;font-size:13px;font-weight:600;display:block}.dt-nav-item{padding:8px}.dt-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.6px;flex:none;width:16px;height:16px}.dt-work{min-width:0;min-height:0;display:grid;overflow:hidden}.dt-overview{min-height:0;padding:20px 22px 24px;overflow:auto}.dt-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dt-head h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:600}.dt-status{color:var(--muted);align-items:center;gap:8px;margin-top:4px;display:flex}.dt-grid{gap:14px;margin-top:18px;display:grid}.dt-card{border:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--surface) 72%, transparent);border-radius:10px;padding:12px 14px}.dt-card h3{color:var(--meta);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:500}.dt-addresses{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.dt-addresses span,.dt-row span{color:var(--meta);font-size:11px;display:block}.dt-addresses strong,.dt-row strong{font-variant-numeric:tabular-nums;font-weight:550}.dt-row{border-top:1px solid color-mix(in oklch, var(--border) 55%, transparent);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.dt-row:first-of-type{border-top:0;padding-top:0}.dt-note{color:var(--meta);margin:10px 0 0;font-size:12px}.dt-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dt-btn{border:1px solid var(--border);height:30px;color:var(--fg);font:inherit;cursor:pointer;background:#090909;background:lab(2.47865% 0 0);border-radius:7px;padding:0 12px;font-weight:500}.dt-btn:hover:not(:disabled){background:var(--surface)}.dt-btn:active:not(:disabled){transform:scale(.97)}.dt-btn:focus-visible,.dt-device:focus-visible,.dt-nav-item:focus-visible,.dt-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dt-btn:disabled{opacity:.4;cursor:not-allowed}.dt-btn-primary{background:var(--accent);color:#fff;border-color:#0000}.dt-btn-primary:hover:not(:disabled){background:#1048e6;background:lab(36.9357% 34.6625 -85.6238)}.dt-ping-value{color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:600}.dt-ping-live{gap:6px;display:grid}.dt-ping-chart{width:100%;height:120px;display:block}.dt-ping-area{fill:var(--accent);opacity:.14}.dt-ping-trace{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.dt-ping-halo{fill:var(--accent);opacity:.2}.dt-ping-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2px}.dt-drop{gap:10px;display:grid}.dt-drop[data-state=idle]{text-align:center;justify-items:center;padding:8px 4px 4px}.dt-drop[data-state=idle] svg{width:22px;height:22px;color:var(--accent)}.dt-drop[data-state=idle] p{color:var(--muted);margin:0;font-size:13px}.dt-drop-head,.dt-drop[data-state=done]{align-items:center;gap:10px;display:flex}.dt-drop-head>div,.dt-drop[data-state=done]>div{flex:1;min-width:0}.dt-drop-head strong,.dt-drop[data-state=done] strong{font-weight:600;display:block}.dt-drop-head span,.dt-drop[data-state=done] span{color:var(--meta);font-size:12px;display:block}.dt-drop-head b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.dt-drop-icon,.dt-drop-ring{flex:none;place-items:center;width:36px;height:36px;display:grid}.dt-drop-icon{border:1px solid color-mix(in oklch, var(--accent) 55%, var(--border));color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 22%, transparent);border-radius:8px;position:relative}.dt-drop-icon svg,.dt-drop-ring svg{width:18px;height:18px}.dt-drop-icon:after{content:"";border:2px solid color-mix(in oklch, var(--accent) 35%, transparent);border-radius:10px;animation:1.4s ease-in-out infinite dt-drop-pulse;position:absolute;inset:-4px}.dt-drop-track{border:1px solid var(--border);background:#090909;background:lab(2.47865% 0 0);border-radius:6px;height:10px;position:relative;overflow:hidden}.dt-drop-fill,.dt-drop-shine{width:calc(var(--drop) * 1%);position:absolute;inset:0 auto 0 0}.dt-drop-fill{border-radius:inherit;background:linear-gradient(90deg, #1f4fcc, var(--accent))}@supports (color:lab(0% 0 0)){.dt-drop-fill{background:linear-gradient(90deg, lab(37.1169% 22.3976 -70.4008), var(--accent))}}.dt-drop-shine{pointer-events:none;overflow:hidden}.dt-drop-shine:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffff47 50%,#0000 62%);animation:1.1s linear infinite dt-drop-shine;position:absolute;inset:0 -40%}.dt-drop-metrics,.dt-drop-foot{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dt-drop-metrics strong{color:var(--fg-2);font-weight:600}.dt-drop-foot p{color:var(--fg-2);margin:0}.dt-drop[data-state=done]{border-radius:8px}.dt-drop-ring{border:1px solid color-mix(in oklch, var(--success) 45%, var(--border));background:color-mix(in oklch, var(--success) 18%, transparent);color:var(--success);border-radius:999px}.dt-drop.is-celebrating .dt-drop-ring{animation:.56s cubic-bezier(.23,1,.32,1) both dt-drop-pop}.dt-drop.is-celebrating strong{color:var(--success)}@keyframes dt-drop-shine{0%{transform:translate(-30%)}to{transform:translate(130%)}}@keyframes dt-drop-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes dt-drop-pop{0%{opacity:.35;transform:scale(.78)}55%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dt-drop-icon:after,.dt-drop-shine:after,.dt-drop.is-celebrating .dt-drop-ring{animation:none}}.viewer{background:#090909;grid-template-rows:32px minmax(0,1fr) 32px;height:100%;min-height:0;display:grid}.viewer-bar,.viewer-foot{color:var(--muted);align-items:center;padding:0 14px;font-size:12px;display:flex}.viewer-bar{border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);justify-content:space-between}.viewer-live{color:var(--fg-2);align-items:center;gap:6px;display:inline-flex}.viewer-foot{border-top:1px solid color-mix(in oklch, var(--border) 70%, transparent);font-variant-numeric:tabular-nums;justify-content:space-between}.viewer-screen{background:radial-gradient(900px 280px at 12% -10%,#e1343038,#0000 55%),linear-gradient(#1c1e26 0%,#101114 70%);border-radius:8px;margin:14px;position:relative;overflow:hidden}.desk-panel{color:#d7deea;background:#08080a8c;border-radius:8px;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font-size:11px;display:flex;position:absolute;top:10px;left:12px;right:12px}.desk-window{background:#08080ae6;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 18px 50px #00000059}.desk-files{width:min(220px,38%);top:52px;left:16px}.desk-term{width:min(340px,58%);top:78px;left:auto;right:18px}.desk-files ul{color:#d7deea;margin:0;padding:8px 0 10px;font-size:12px;list-style:none}.desk-files li{padding:4px 12px}.desk-window header{color:#c9c0b2;background:#ffffff0a;padding:7px 10px;font-size:11px}.desk-window pre{color:#d7deea;font-family:var(--font-plex), ui-monospace, monospace;margin:0;padding:12px 14px 16px;font-size:12px;line-height:1.55}.term{background:#0c0c0c;flex-direction:column;height:100%;min-height:0;display:flex}.term-tabs{border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);align-items:center;gap:4px;padding:8px;display:flex}.dt-tab{height:28px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.dt-tab.is-selected{background:var(--surface);color:var(--fg)}.term-screen{color:#d5dbe6;min-height:0;font-family:var(--font-plex), ui-monospace, monospace;white-space:pre-wrap;flex:1;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.6;overflow:auto}.term-foot{border-top:1px solid color-mix(in oklch, var(--border) 70%, transparent);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:6px 14px;font-size:12px;display:flex}.term-caret{background:var(--fg);vertical-align:-2px;width:7px;height:14px;margin-left:2px;display:inline-block}@media (max-width:860px){.dt-body{grid-template-rows:auto auto minmax(280px,1fr);grid-template-columns:1fr}.dt-devices,.dt-nav{border-right:0;border-bottom:1px solid color-mix(in oklch, var(--border) 65%, transparent)}.dt-devices{gap:6px;display:flex;overflow:auto}.dt-kicker,.dt-selected-label{display:none}.dt-device{flex:none;width:auto}.dt-nav{flex-direction:row}.dt-addresses{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.term-caret{display:none}}