:root{--hud-bg-surface: rgba(13, 17, 26, .88);--hud-bg-glass: rgba(18, 24, 38, .72);--hud-bg-glass-elevated: rgba(26, 34, 53, .82);--hud-border-glow: rgba(56, 189, 248, .28);--hud-border-subtle: rgba(255, 255, 255, .12);--hud-text-main: #f8fafc;--hud-text-muted: #94a3b8;--hud-accent-amber: #f59e0b;--hud-accent-amber-glow: rgba(245, 158, 11, .45);--hud-accent-cyan: #06b6d4;--hud-accent-cyan-glow: rgba(6, 182, 212, .4);--hud-accent-emerald: #10b981;--hud-accent-rose: #f43f5e;--hud-radius-sm: 8px;--hud-radius-md: 14px;--hud-radius-lg: 20px;--hud-dock-shadow: 0 24px 64px -12px rgba(0, 0, 0, .75), 0 0 1px 1px rgba(255, 255, 255, .14) inset}.hud-canvas-active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;background-image:radial-gradient(circle,rgba(56,189,248,.14) 1px,transparent 1px);background-size:28px 28px;opacity:.7;animation:hudGridFadeIn .4s ease forwards}.hud-canvas-active:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9991;box-shadow:inset 0 0 80px #06b6d41f,inset 0 0 160px #0f172a66}@keyframes hudGridFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:.7;transform:scale(1)}}.hud-status-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:7px 18px;border-radius:9999px;background:var(--hud-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border-glow);box-shadow:0 12px 30px #00000080,0 0 20px var(--hud-accent-cyan-glow);color:var(--hud-text-main);font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;animation:hudSlideDown .35s cubic-bezier(.16,1,.3,1) both}@keyframes hudSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes hudPulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}.hud-inspector-overlay{position:fixed;pointer-events:none;z-index:9995;transition:all .12s cubic-bezier(.2,.9,.4,1.1);border-radius:8px}.hud-reticle-hover{border:2px dashed var(--hud-accent-cyan);background:#06b6d40f;box-shadow:0 0 24px #06b6d440}.hud-reticle-selected{border:2px solid var(--hud-accent-amber);background:#f59e0b14;box-shadow:0 0 32px var(--hud-accent-amber-glow),inset 0 0 16px #f59e0b26}.hud-reticle-handle{position:absolute;width:8px;height:8px;background:#fff;border:2px solid var(--hud-accent-amber);border-radius:50%;box-shadow:0 0 6px #0009;pointer-events:none}.hud-reticle-handle.tl{top:-5px;left:-5px}.hud-reticle-handle.tr{top:-5px;right:-5px}.hud-reticle-handle.bl{bottom:-5px;left:-5px}.hud-reticle-handle.br{bottom:-5px;right:-5px}.hud-taglet{position:absolute;top:-30px;left:0;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;background:#0f172a;color:#38bdf8;border:1px solid rgba(56,189,248,.4);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px #0009;letter-spacing:-.01em;pointer-events:auto}.hud-taglet-selected{background:#1c1404;color:#fbbf24;border-color:var(--hud-accent-amber)}.hud-dock.is-minimized{max-width:440px;border-radius:9999px;padding:8px 16px}.hud-tabs-nav{display:flex;background:#00000047;padding:3px;border-radius:var(--hud-radius-md);border:1px solid rgba(255,255,255,.06);gap:2px}.hud-tab-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:transparent;border:none;border-radius:10px;color:var(--hud-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.hud-colors-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hud-color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative}.hud-color-swatch:hover{transform:scale(1.15)}.hud-color-swatch.is-active{border-color:#fff;box-shadow:0 0 12px var(--hud-accent-amber);transform:scale(1.1)}.hud-range-wrap{display:flex;flex-direction:column;gap:6px}.hud-range-label{display:flex;justify-content:space-between;font-size:11px;color:var(--hud-text-muted);font-family:JetBrains Mono,monospace}.hud-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1f;outline:none;transition:background .2s ease}.hud-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--hud-accent-amber);cursor:pointer;box-shadow:0 0 10px var(--hud-accent-amber-glow);transition:transform .1s ease}.hud-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.hud-toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;color:var(--hud-text-main);padding:6px 0}.hud-switch-track{position:relative;width:40px;height:22px;background:#ffffff26;border-radius:9999px;transition:background .25s ease}.hud-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #0000004d}.hud-toggle-input:checked+.hud-switch-track{background:var(--hud-accent-amber)}.hud-toggle-input:checked+.hud-switch-track .hud-switch-thumb{transform:translate(18px)}.hud-btn-save-realtime:active:not(:disabled){transform:scale(.97) translateY(0)}.hud-sqlite-form{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:10px;align-items:flex-end;background:#00000040;border:1px dashed rgba(56,189,248,.35);border-radius:var(--hud-radius-md);padding:14px}.hud-field-group{display:flex;flex-direction:column;gap:5px}.hud-field-label{font-size:11px;font-weight:700;color:var(--hud-text-muted)}.hud-input-tech{width:100%;padding:8px 12px;border-radius:var(--hud-radius-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--hud-text-main);font-size:12px;font-family:inherit;transition:all .2s ease}.hud-input-tech:focus{outline:none;border-color:var(--hud-accent-cyan);background:#06b6d414;box-shadow:0 0 12px #06b6d44d}.hud-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0000004d}.hud-trigger-btn:hover{background:#f59e0b2e;border-color:var(--hud-accent-amber);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}:root{--hud-bg-surface: rgba(13, 17, 26, .92);--hud-bg-glass: rgba(18, 24, 38, .78);--hud-bg-glass-elevated: rgba(26, 34, 53, .88);--hud-border-glow: rgba(56, 189, 248, .35);--hud-border-subtle: rgba(255, 255, 255, .12);--hud-text-main: #f8fafc;--hud-text-muted: #94a3b8;--hud-accent-amber: #f59e0b;--hud-accent-amber-glow: rgba(245, 158, 11, .45);--hud-accent-cyan: #06b6d4;--hud-accent-cyan-glow: rgba(6, 182, 212, .4);--hud-accent-emerald: #10b981;--hud-accent-rose: #f43f5e;--hud-radius-sm: 8px;--hud-radius-md: 14px;--hud-radius-lg: 20px;--hud-dock-shadow: 0 24px 64px -12px rgba(0, 0, 0, .75), 0 0 1px 1px rgba(255, 255, 255, .14) inset}.hud-canvas-active{position:relative;cursor:default;transition:all .35s cubic-bezier(.16,1,.3,1)}.hud-canvas-active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9980;background-image:radial-gradient(circle,rgba(56,189,248,.12) 1px,transparent 1px);background-size:28px 28px;opacity:.75;animation:hudGridFadeIn .4s ease forwards}.hud-canvas-active:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9981;box-shadow:inset 0 0 90px #06b6d41f,inset 0 0 180px #0f172a73}@keyframes hudGridFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:.75;transform:scale(1)}}.hud-status-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:8px 20px;border-radius:9999px;background:var(--hud-bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border-glow);box-shadow:0 12px 32px #0000008c,0 0 20px var(--hud-accent-cyan-glow);color:var(--hud-text-main);font-size:12px;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;animation:hudSlideDown .35s cubic-bezier(.16,1,.3,1) both}@keyframes hudSlideDown{0%{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%)}}.hud-live-dot{width:8px;height:8px;border-radius:50%;background:var(--hud-accent-emerald);box-shadow:0 0 10px var(--hud-accent-emerald);animation:hudPulseLive 2s infinite ease-in-out}@keyframes hudPulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.3)}}.hud-inspector-overlay{position:fixed;pointer-events:none;z-index:9990;transition:all .12s cubic-bezier(.2,.9,.4,1.1);border-radius:8px}.hud-reticle-hover{border:2px dashed var(--hud-accent-cyan);background:#06b6d414;box-shadow:0 0 24px #06b6d440}.hud-reticle-selected{border:2px solid var(--hud-accent-amber);background:#f59e0b1a;box-shadow:0 0 32px var(--hud-accent-amber-glow),inset 0 0 16px #f59e0b26}.hud-reticle-corner{position:absolute;width:10px;height:10px;border-color:var(--hud-accent-amber);border-style:solid;pointer-events:none}.hud-reticle-corner.tl{top:-4px;left:-4px;border-width:3px 0 0 3px;border-top-left-radius:4px}.hud-reticle-corner.tr{top:-4px;right:-4px;border-width:3px 3px 0 0;border-top-right-radius:4px}.hud-reticle-corner.bl{bottom:-4px;left:-4px;border-width:0 0 3px 3px;border-bottom-left-radius:4px}.hud-reticle-corner.br{bottom:-4px;right:-4px;border-width:0 3px 3px 0;border-bottom-right-radius:4px}[data-hud-id]{transition:box-shadow .2s ease,opacity .2s ease}.hud-canvas-active [data-hud-id]{position:relative;outline:1.5px dashed rgba(56,189,248,.35);outline-offset:3px;border-radius:8px}.hud-canvas-active [data-hud-id]:hover{outline:2px solid var(--hud-accent-cyan);outline-offset:3px;box-shadow:0 0 20px #06b6d440}.hud-canvas-active [data-hud-id].is-hud-selected{outline:2.5px solid var(--hud-accent-amber)!important;outline-offset:3px;box-shadow:0 0 25px #f59e0b73!important}.hud-hidden-for-others{opacity:.48!important;filter:grayscale(40%);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(244,63,94,.08) 10px,rgba(244,63,94,.08) 20px)!important;border:1px dashed rgba(244,63,94,.5)!important}.hud-element-hidden-normal{display:none!important}.hud-element-toolbar{position:absolute;top:-14px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background:#0f172a;border:1px solid rgba(56,189,248,.45);border-radius:8px;box-shadow:0 8px 20px #0009;z-index:9950;-webkit-user-select:none;user-select:none;pointer-events:auto;animation:hudFadeIn .15s ease both}.hud-element-badge-id{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#38bdf8;padding:1px 5px;border-radius:4px;background:#38bdf826;letter-spacing:-.02em}.hud-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;cursor:pointer;font-size:11px;transition:all .15s ease;padding:0}.hud-tool-btn:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.hud-tool-btn.btn-drag-handle{cursor:grab;color:#fbbf24}.hud-tool-btn.btn-drag-handle:active{cursor:grabbing}.hud-tool-btn.btn-visibility-hidden{background:#f43f5e40;color:#f43f5e;border-color:#f43f5e66}.hud-tool-btn.btn-visibility-visible{background:#10b98133;color:#10b981}.hud-inline-editable{position:relative;cursor:text!important;border-radius:4px;transition:all .15s ease}.hud-canvas-active .hud-inline-editable:hover{background:#38bdf826;box-shadow:0 0 0 2px #38bdf866}.hud-inline-input{background:#090d16!important;color:#fff!important;border:2px solid var(--hud-accent-cyan)!important;border-radius:6px!important;padding:4px 8px!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;width:auto!important;min-width:140px!important;max-width:100%!important;box-shadow:0 0 16px #06b6d473!important;outline:none!important;z-index:9970!important}.hud-draggable-item{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.hud-draggable-item.is-dragging{opacity:.45!important;transform:scale(.96);box-shadow:0 14px 30px #0006}.hud-draggable-item.drop-target-before{border-left:3px solid var(--hud-accent-cyan)!important;box-shadow:-4px 0 12px #06b6d466}.hud-draggable-item.drop-target-after{border-right:3px solid var(--hud-accent-cyan)!important;box-shadow:4px 0 12px #06b6d466}.hud-dock{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:9998;width:calc(100% - 48px);max-width:880px;background:var(--hud-bg-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hud-border-subtle);border-radius:var(--hud-radius-lg);box-shadow:var(--hud-dock-shadow);color:var(--hud-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;will-change:transform,opacity;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;animation:hudDockSlideUp .4s cubic-bezier(.16,1,.3,1) both}@keyframes hudDockSlideUp{0%{opacity:0;transform:translate(-50%,40px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.hud-dock.is-minimized{max-width:460px;border-radius:9999px;padding:8px 18px}.hud-dock-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.hud-dock-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--hud-text-main)}.hud-dock-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:9999px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:10px;font-weight:700;text-transform:uppercase}.hud-tabs-nav{display:flex;background:#0000004d;padding:3px;border-radius:var(--hud-radius-md);border:1px solid rgba(255,255,255,.06);gap:3px}.hud-tab-btn{display:flex;align-items:center;gap:7px;padding:7px 14px;background:transparent;border:none;border-radius:10px;color:var(--hud-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.hud-tab-btn:hover{color:var(--hud-text-main);background:#ffffff0f}.hud-tab-btn.is-active{color:#fff;background:#ffffff1f;box-shadow:0 2px 8px #0000004d,0 0 1px 1px #ffffff1a inset}.hud-dock-body{padding:18px 22px;max-height:380px;overflow-y:auto;overflow-x:hidden}.hud-dock-body::-webkit-scrollbar{width:6px}.hud-dock-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.hud-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.hud-card-panel{background:var(--hud-bg-glass);border:1px solid var(--hud-border-subtle);border-radius:var(--hud-radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.hud-panel-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--hud-text-muted);display:flex;align-items:center;justify-content:space-between}.hud-dock-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#00000059;border-top:1px solid rgba(255,255,255,.08)}.hud-btn-save-realtime{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;border-radius:var(--hud-radius-sm);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em;border:none;cursor:pointer;box-shadow:0 4px 18px #f59e0b66,0 0 1px 1px #ffffff4d inset;transition:all .25s cubic-bezier(.16,1,.3,1)}.hud-btn-save-realtime:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);animation:hudBtnShimmer 3.5s infinite ease-in-out}@keyframes hudBtnShimmer{0%{left:-100%}35%,to{left:200%}}.hud-btn-save-realtime:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #f59e0b8c,0 0 25px #f59e0b4d;filter:brightness(1.1)}.hud-btn-save-realtime.is-saving{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 18px #0284c766;cursor:wait}.hud-btn-save-realtime.is-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 22px #10b98180}.hud-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0000004d;-webkit-user-select:none;user-select:none}.hud-trigger-btn:hover{background:#f59e0b33;border-color:var(--hud-accent-amber);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b59}.hud-trigger-btn.is-active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent;box-shadow:0 0 20px #f59e0b99}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hud-draggable-item{cursor:grab!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease!important;-webkit-user-select:none;user-select:none}.hud-draggable-item:active{cursor:grabbing!important}.hud-drag-active{opacity:.55!important;transform:scale(.97)!important;filter:grayscale(.2)!important}.hud-drag-over-target{position:relative;outline:2px dashed #06b6d4!important;outline-offset:2px;background:#06b6d414!important;transition:all .2s ease!important}.hud-drag-over-target:before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:4px;background:#06b6d4;border-radius:4px;box-shadow:0 0 10px #06b6d4;z-index:99}.hud-drag-card-snap{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.hud-snap-indicator{position:absolute;top:0;bottom:0;width:4px;background:#38bdf8;border-radius:4px;box-shadow:0 0 12px #38bdf8;pointer-events:none;z-index:999}