:root{--dg-black:#000000;--dg-blue:#1a56db;--dg-blue-dark:#003399;--dg-cyan:#06b6d4;--dg-cyan-bright:#00ccff;--dg-green:#84cc16;--dg-green-bright:#33cc33;--gradient-brand:linear-gradient(90deg,var(--dg-blue) 0%,var(--dg-cyan) 48%,var(--dg-green) 100%);--gradient-brand-vertical:linear-gradient(180deg,var(--dg-blue) 0%,var(--dg-cyan) 45%,var(--dg-green) 100%);--gradient-mesh:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(26,86,219,0.35),transparent 55%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(132,204,22,0.2),transparent 50%);--background:var(--dg-black);--foreground:#f4f6f8;--surface:#050508;--sidebar:#000000;--card:#0a0c10;--border:#1a2230;--muted:#8b95a8;--text:#f4f6f8;--accent:var(--dg-cyan);--accent-hover:var(--dg-green);--accent-muted:rgba(6,182,212,0.14);--accent-blue:var(--dg-blue);--grid-line:rgba(6,182,212,0.12);--site-bg:var(--dg-black);--site-fg:var(--text);--site-muted:var(--muted);--site-card:var(--card);--site-border:var(--border);--site-accent:var(--dg-cyan);--site-accent-dim:var(--dg-blue);--site-accent-glow:rgba(6,182,212,0.25);--site-drone:var(--dg-blue)}html{color-scheme:dark}body{background:var(--background);color:var(--foreground)}.text-gradient-brand{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-gradient-brand{background:var(--gradient-brand)}.border-gradient-brand{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--gradient-brand) border-box}.dg-mesh-bg{background:var(--gradient-mesh),var(--dg-black)}.dg-grid-bg{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px}.dg-btn-primary{border-radius:.5rem;background:var(--gradient-brand);padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#000;transition:filter .2s,transform .15s}.dg-btn-primary:hover{filter:brightness(1.08)}.dg-btn-primary:disabled{cursor:not-allowed;opacity:.5}.dg-btn-outline{border-radius:.5rem;border:1px solid var(--dg-cyan);background:var(--accent-muted);padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--dg-cyan);transition:background .2s,border-color .2s}.dg-btn-outline:hover{border-color:var(--dg-green);background:rgba(132,204,22,.1);color:var(--dg-green-bright)}.dg-sidebar{background:var(--dg-black);color:var(--text);border-right:1px solid var(--border)}.dg-card{border-radius:.75rem;border:1px solid var(--border);background:var(--card);box-shadow:0 0 0 1px rgba(6,182,212,.04)}.dg-input{border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}.dg-input:focus{outline:none;border-color:var(--dg-cyan);box-shadow:0 0 0 2px rgba(6,182,212,.25)}.dg-tab-active{border-bottom:2px solid var(--dg-cyan);color:var(--dg-cyan);font-weight:500}.dg-nav-active{background:rgba(6,182,212,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(6,182,212,.35)}.dg-nav-item{color:#cbd5e1;transition:background .2s,color .2s}.dg-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.dg-canvas-wrap{background:#000;border:1px solid var(--border)}