:root{--hud-bg: #0a0e14;--hud-bg-secondary: #0d1117;--hud-surface: rgba(13, 17, 23, .8);--hud-border: rgba(0, 255, 170, .2);--hud-border-bright: rgba(0, 255, 170, .5);--hud-primary: #00ffaa;--hud-primary-dim: rgba(0, 255, 170, .6);--hud-secondary: #00d4ff;--hud-accent: #ff6b35;--hud-success: #00ff88;--hud-warning: #ffaa00;--hud-danger: #ff4757;--hud-text: #e6edf3;--hud-text-dim: rgba(230, 237, 243, .6);--hud-text-muted: rgba(230, 237, 243, .4);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-code: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--glow-primary: 0 0 20px rgba(0, 255, 170, .3);--glow-secondary: 0 0 20px rgba(0, 212, 255, .3);--scanline-opacity: .03;--highlight-token: rgba(0, 255, 170, .25);--highlight-match: rgba(0, 212, 255, .25);--highlight-error: rgba(255, 85, 85, .3);--highlight-selection: rgba(255, 255, 255, .15);--highlight-essence: rgba(255, 170, 0, .2);--highlight-perspective: rgba(0, 212, 255, .2);--highlight-domain: rgba(170, 0, 255, .2);--highlight-channel: rgba(255, 0, 170, .2);--highlight-evaluation: rgba(0, 255, 85, .2);--highlight-operator: rgba(255, 255, 255, .1);--highlight-delimiter: rgba(150, 150, 150, .15);--highlight-string: rgba(255, 200, 100, .15);--highlight-identifier: rgba(200, 200, 255, .1);--spw-viz-token-hover-bg: rgba(0, 255, 170, .1);--spw-viz-token-selected-bg: rgba(0, 255, 170, .2);--spw-viz-token-selected-border: rgba(0, 255, 170, .9);--spw-viz-token-highlight-bg: rgba(0, 212, 255, .18);--spw-viz-token-highlight-border: rgba(0, 212, 255, .9);--spw-viz-ast-hover-bg: rgba(0, 255, 170, .05);--spw-viz-ast-selected-bg: rgba(0, 212, 255, .18);--spw-viz-ast-selected-border: rgba(0, 212, 255, .9);--spw-viz-ast-highlight-bg: rgba(255, 170, 0, .18);--spw-viz-ast-highlight-border: rgba(255, 170, 0, .9);--spw-viz-flow-hover-fill: rgba(0, 255, 170, .1);--spw-viz-flow-hover-stroke: rgba(0, 255, 170, .8);--spw-viz-flow-selected-fill: rgba(255, 170, 0, .18);--spw-viz-flow-selected-stroke: rgba(255, 170, 0, .9);--spw-color-global-background-base: var(--hud-bg);--spw-color-global-background-elevated: var(--hud-bg-secondary);--spw-color-surface-card: var(--hud-surface);--spw-color-global-border-default: var(--hud-border);--spw-color-global-border-focus: var(--hud-border-bright);--spw-color-global-accent-primary: var(--hud-primary);--spw-color-global-accent-primary-dim: var(--hud-primary-dim);--spw-color-global-accent-secondary: var(--hud-secondary);--spw-color-global-accent-tertiary: var(--hud-accent);--spw-color-status-success: var(--hud-success);--spw-color-status-warning: var(--hud-warning);--spw-color-status-danger: var(--hud-danger);--spw-color-context-visual: #4fb2ff;--spw-color-context-visual-soft: rgba(79, 178, 255, .14);--spw-color-context-editing: #ffb347;--spw-color-context-editing-soft: rgba(255, 179, 71, .16);--spw-color-context-reporting: #4fd6ff;--spw-color-context-reporting-soft: rgba(79, 214, 255, .14);--spw-color-context-debug: #ff5a7a;--spw-color-context-debug-soft: rgba(255, 90, 122, .14);--spw-color-context-design: #c07cff;--spw-color-context-design-soft: rgba(192, 124, 255, .16);--spw-color-context-diagnostic: #54e2b3;--spw-color-context-diagnostic-soft: rgba(84, 226, 179, .14);--spw-color-context-pedagogical: #ffbf5f;--spw-color-context-pedagogical-soft: rgba(255, 191, 95, .16);--spw-color-context-performance: #ff77c6;--spw-color-context-performance-soft: rgba(255, 119, 198, .16);--spw-color-context-structural: #4bd27d;--spw-color-context-structural-soft: rgba(75, 210, 125, .14);--spw-context-hue-visual: 200;--spw-context-hue-editing: 45;--spw-context-hue-reporting: 190;--spw-context-hue-debug: 350;--spw-context-hue-design: 285;--spw-context-hue-diagnostic: 150;--spw-context-hue-pedagogical: 35;--spw-context-hue-performance: 320;--spw-context-hue-structural: 140;--spw-disclosure-density-beginner: .85;--spw-disclosure-density-intermediate: .95;--spw-disclosure-density-advanced: 1;--spw-disclosure-density-expert: 1.05;--spw-disclosure-hint-opacity-beginner: 1;--spw-disclosure-hint-opacity-intermediate: .9;--spw-disclosure-hint-opacity-advanced: .75;--spw-disclosure-hint-opacity-expert: .6;--spw-disclosure-texture-opacity-beginner: .02;--spw-disclosure-texture-opacity-intermediate: .035;--spw-disclosure-texture-opacity-advanced: .05;--spw-disclosure-texture-opacity-expert: .065;--spw-disclosure-accent-beginner: var(--spw-color-context-visual);--spw-disclosure-accent-intermediate: var(--spw-color-context-pedagogical);--spw-disclosure-accent-advanced: var(--spw-color-context-diagnostic);--spw-disclosure-accent-expert: var(--spw-color-context-performance);--spw-lod-texture-boost-fine: .02;--spw-lod-texture-boost-medium: .015;--spw-lod-texture-boost-coarse: .01;--spw-color-operator-inject: #00ffaa;--spw-color-operator-tap: #00d4ff;--spw-color-operator-wave: #ff79c6;--spw-color-operator-couple: #ffaa00;--spw-color-operator-probe: #bd93f9;--spw-color-operator-branch: #f1fa8c;--spw-color-operator-bias: #8be9fd;--spw-color-operator-emit: #50fa7b;--spw-color-operator-reflect: #ffb86c;--spw-color-global-foreground-primary: var(--hud-text);--spw-color-global-foreground-secondary: var(--hud-text-dim);--spw-color-global-foreground-muted: var(--hud-text-muted);--spw-color-surface-base: var(--color-global-background-base, var(--spw-color-global-background-base));--spw-color-surface-elevated: var(--color-global-background-elevated, var(--spw-color-global-background-elevated));--spw-color-surface-panel: var(--color-surface-panel, var(--spw-color-surface-card));--spw-color-surface-panel-header: var(--color-surface-panel-header, rgba(255, 255, 255, .03));--spw-color-surface-panel-footer: var(--color-surface-panel-footer, rgba(0, 0, 0, .2));--spw-color-surface-sidebar: var(--color-surface-sidebar, rgba(0, 0, 0, .28));--spw-color-surface-sidebar-collapsed: var(--color-surface-sidebar-collapsed, rgba(0, 0, 0, .18));--spw-color-surface-header: var(--color-surface-header, var(--spw-color-global-background-elevated));--spw-color-surface-footer: var(--color-surface-footer, var(--spw-color-global-background-elevated));--spw-color-surface-tabs: var(--color-surface-tabs, rgba(0, 0, 0, .24));--spw-color-surface-rail: var(--color-surface-rail, rgba(0, 0, 0, .24));--spw-color-surface-drawer: var(--color-surface-drawer, var(--spw-color-global-background-elevated));--spw-color-surface-drawer-header: var(--color-surface-drawer-header, rgba(255, 255, 255, .04));--spw-color-surface-overlay: var(--color-surface-overlay, var(--color-global-background-overlay, var(--spw-color-global-background-elevated)));--spw-color-region-editor: var(--color-region-editor, #5aa2ff);--spw-color-region-editor-soft: var(--color-region-editor-soft, rgba(90, 162, 255, .18));--spw-color-region-inspector: var(--color-region-inspector, #b18dff);--spw-color-region-inspector-soft: var(--color-region-inspector-soft, rgba(177, 141, 255, .18));--spw-color-region-sidebar: var(--color-region-sidebar, #4cc7c1);--spw-color-region-sidebar-soft: var(--color-region-sidebar-soft, rgba(76, 199, 193, .18));--spw-color-region-geology: var(--color-region-geology, #f2b655);--spw-color-region-geology-soft: var(--color-region-geology-soft, rgba(242, 182, 85, .2));--spw-color-region-header: var(--color-region-header, #7aa2ff);--spw-color-region-header-soft: var(--color-region-header-soft, rgba(122, 162, 255, .16));--spw-color-region-footer: var(--color-region-footer, #f0c26a);--spw-color-region-footer-soft: var(--color-region-footer-soft, rgba(240, 194, 106, .18));--spw-texture-astronomy: radial-gradient(circle at 2px 3px, rgba(255, 255, 255, .18) .6px, transparent 1.6px), radial-gradient(circle at 10px 8px, rgba(255, 255, 255, .12) .6px, transparent 1.6px);--spw-texture-size-astronomy: 18px 18px;--spw-texture-biology: radial-gradient(circle at 6px 6px, rgba(255, 255, 255, .08) 0 3px, transparent 4px), radial-gradient(circle at 2px 12px, rgba(255, 255, 255, .06) 0 2px, transparent 3px);--spw-texture-size-biology: 20px 20px;--spw-texture-cartography: linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, .06) 1px, transparent 1px);--spw-texture-size-cartography: 24px 24px;--spw-texture-logic: repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 7px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 11px);--spw-texture-size-logic: 16px 16px;--spw-texture-circuitry: linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px), radial-gradient(circle at 6px 6px, rgba(255, 255, 255, .12) .6px, transparent 1.6px);--spw-texture-size-circuitry: 16px 16px;--spw-texture-choreography: repeating-linear-gradient(135deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 9px);--spw-texture-size-choreography: 18px 18px;--spw-texture-acoustics: repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 6px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 12px);--spw-texture-size-acoustics: 20px 20px;--spw-context-texture-visual: var(--spw-texture-astronomy);--spw-context-texture-size-visual: var(--spw-texture-size-astronomy);--spw-context-texture-editing: var(--spw-texture-circuitry);--spw-context-texture-size-editing: var(--spw-texture-size-circuitry);--spw-context-texture-reporting: var(--spw-texture-cartography);--spw-context-texture-size-reporting: var(--spw-texture-size-cartography);--spw-context-texture-debug: var(--spw-texture-logic);--spw-context-texture-size-debug: var(--spw-texture-size-logic);--spw-context-texture-design: var(--spw-texture-choreography);--spw-context-texture-size-design: var(--spw-texture-size-choreography);--spw-context-texture-diagnostic: var(--spw-texture-biology);--spw-context-texture-size-diagnostic: var(--spw-texture-size-biology);--spw-context-texture-pedagogical: var(--spw-texture-cartography);--spw-context-texture-size-pedagogical: var(--spw-texture-size-cartography);--spw-context-texture-performance: var(--spw-texture-acoustics);--spw-context-texture-size-performance: var(--spw-texture-size-acoustics);--spw-context-texture-structural: var(--spw-texture-logic);--spw-context-texture-size-structural: var(--spw-texture-size-logic);--spw-region-texture-editor: var(--spw-texture-circuitry);--spw-region-texture-size-editor: var(--spw-texture-size-circuitry);--spw-region-texture-inspector: var(--spw-texture-logic);--spw-region-texture-size-inspector: var(--spw-texture-size-logic);--spw-region-texture-sidebar: var(--spw-texture-cartography);--spw-region-texture-size-sidebar: var(--spw-texture-size-cartography);--spw-region-texture-geology: var(--spw-texture-astronomy);--spw-region-texture-size-geology: var(--spw-texture-size-astronomy);--spw-region-texture-header: var(--spw-texture-choreography);--spw-region-texture-size-header: var(--spw-texture-size-choreography);--spw-region-texture-footer: var(--spw-texture-acoustics);--spw-region-texture-size-footer: var(--spw-texture-size-acoustics);--spw-panel-bg-primary: var(--spw-color-surface-panel, var(--spw-color-surface-card));--spw-panel-bg-secondary: var(--spw-color-surface-panel, rgba(0, 0, 0, .32));--spw-panel-bg-tertiary: var(--spw-color-surface-panel, rgba(0, 0, 0, .36));--spw-panel-header-bg-primary: var(--spw-color-surface-panel-header, rgba(255, 255, 255, .06));--spw-panel-header-bg-secondary: var(--spw-color-surface-panel-header, rgba(0, 0, 0, .24));--spw-panel-header-bg-tertiary: var(--spw-color-surface-panel-header, rgba(0, 0, 0, .28));--spw-panel-header-primary: 36px;--spw-panel-header-secondary: 30px;--spw-panel-header-tertiary: 28px;--spw-panel-width-tertiary: 280px;--spw-divider-primary: hsla(210, 16%, 60%, .45);--spw-divider-secondary: hsla(210, 16%, 60%, .2);--spw-sidebar-width-collapsed: 40px;--spw-sidebar-width-expanded: 240px;--spw-font-family-mono: var(--font-mono);--spw-font-family-sans: var(--font-sans);--spw-font-size-xs: var(--font-size-xs);--spw-font-size-sm: var(--font-size-sm);--spw-font-size-base: var(--font-size-base);--spw-font-size-lg: var(--font-size-lg);--spw-font-size-xl: var(--font-size-xl);--spw-font-size-2xl: var(--font-size-2xl);--spw-font-size-code: var(--font-size-code);--spw-space-scale-xs: var(--space-xs);--spw-space-scale-sm: var(--space-sm);--spw-space-scale-md: var(--space-md);--spw-space-scale-lg: var(--space-lg);--spw-space-scale-xl: var(--space-xl);--spw-motion-transition-fast: var(--transition-fast);--spw-motion-transition-normal: var(--transition-normal);--spw-motion-transition-slow: var(--transition-slow);--spw-shadow-glow-primary: var(--glow-primary);--spw-shadow-glow-secondary: var(--glow-secondary)}:root{--semantic-intensity: var(--spw-context-intensity, .5);--semantic-proximity: var(--spw-context-proximity, .5);--semantic-clarity: var(--spw-context-clarity, .5);--semantic-hue: var(--spw-context-hue, 200);--semantic-saturation: var(--spw-context-saturation, 70%);--semantic-lightness: var(--spw-context-lightness, 50%);--semantic-opacity: var(--spw-context-opacity, .8);--semantic-border-weight: var(--spw-context-border-weight, 1.5px);--semantic-glow-intensity: var(--spw-context-glow-intensity, .4);--semantic-shadow-depth: var(--spw-context-shadow-depth, 4px)}@supports (color: hsl(var(--semantic-hue) 70% 50%)){.semantic-color{color:hsl(var(--semantic-hue) var(--semantic-saturation) var(--semantic-lightness) / var(--semantic-opacity))}.semantic-bg{background-color:hsl(var(--semantic-hue) var(--semantic-saturation) var(--semantic-lightness) / var(--semantic-opacity))}.semantic-border{border-color:hsl(var(--semantic-hue) var(--semantic-saturation) calc(var(--semantic-lightness) + 10%) / calc(var(--semantic-opacity) * .6))}}@supports not (color: hsl(var(--semantic-hue) 70% 50%)){.semantic-color{color:hsl(var(--semantic-hue),var(--semantic-saturation),var(--semantic-lightness))}.semantic-bg{background-color:hsl(var(--semantic-hue),var(--semantic-saturation),var(--semantic-lightness))}.semantic-border{border-color:hsl(var(--semantic-hue),var(--semantic-saturation),calc(var(--semantic-lightness) + 10%))}}.semantic-glow{box-shadow:0 0 calc(var(--semantic-glow-intensity) * 12px) hsl(var(--semantic-hue),var(--semantic-saturation),calc(var(--semantic-lightness) + 10%))}.semantic-shadow{box-shadow:0 var(--semantic-shadow-depth) calc(var(--semantic-shadow-depth) * 2) #0003,0 0 calc(var(--semantic-glow-intensity) * 8px) hsl(var(--semantic-hue),var(--semantic-saturation),calc(var(--semantic-lightness) + 5%))}.semantic-border{border-color:hsl(var(--semantic-hue),var(--semantic-saturation),var(--semantic-lightness));border-width:var(--semantic-border-weight)}.semantic-border-bottom{border-bottom-color:hsl(var(--semantic-hue),var(--semantic-saturation),var(--semantic-lightness));border-bottom-width:var(--semantic-border-weight)}.semantic-border-top{border-top-color:hsl(var(--semantic-hue),var(--semantic-saturation),var(--semantic-lightness));border-top-width:var(--semantic-border-weight)}.semantic-opacity{opacity:var(--semantic-opacity)}.semantic-opacity-high{opacity:calc(var(--semantic-opacity) * 1.2)}.semantic-opacity-low{opacity:calc(var(--semantic-opacity) * .6)}@supports (animation-timing-function: linear(0,1)){.semantic-transition{transition:all .4s cubic-bezier(.22,1,.36,1)}.semantic-transition-fast{transition:all .2s cubic-bezier(.22,1,.36,1)}.semantic-transition-slow{transition:all .6s cubic-bezier(.22,1,.36,1)}}@media(prefers-reduced-motion:reduce){.semantic-transition,.semantic-transition-fast,.semantic-transition-slow{transition:none}.reduce-motion{animation:none!important}}[style*="--theme-pattern: dots"]{background-image:radial-gradient(circle,currentColor 30%,transparent 30%);background-size:8px 8px}[style*="--theme-pattern: stripes"]{background-image:repeating-linear-gradient(45deg,currentColor,currentColor 2px,transparent 2px,transparent 8px)}[style*="--theme-pattern: crosshatch"]{background-image:repeating-linear-gradient(0deg,currentColor 0,currentColor 2px,transparent 2px,transparent 6px),repeating-linear-gradient(90deg,currentColor 0,currentColor 2px,transparent 2px,transparent 6px);background-size:6px 6px}[style*="--theme-pattern: waves"]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><style>.wave { fill: none; stroke: currentColor; stroke-width: 1.5; }<\/style></defs><path class="wave" d="M0 10 Q 12.5 0, 25 10 T 50 10 T 75 10 T 100 10" /></svg>');background-repeat:repeat;background-size:100px 20px}.semantic-layer-0{opacity:1;font-weight:700}.semantic-layer-1{opacity:.85;font-weight:600}.semantic-layer-2{opacity:.7;font-weight:500}.semantic-layer-3{opacity:.55;font-weight:400}.semantic-layer-4{opacity:.4;font-weight:400}.semantic-layer-5{opacity:.25;font-weight:400}.semantic-debug{--debug-intensity: calc(var(--semantic-intensity) * 100%);--debug-proximity: calc(var(--semantic-proximity) * 100%);--debug-clarity: calc(var(--semantic-clarity) * 100%);position:relative}.semantic-debug:before{content:"I: " var(--debug-intensity) " P: " var(--debug-proximity) " C: " var(--debug-clarity);position:absolute;bottom:-20px;left:0;font-size:10px;font-family:monospace;color:var(--spw-color-global-foreground-muted);opacity:.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;height:100%;overflow:hidden}body{font-family:var(--spw-font-family-mono);background:var(--spw-color-surface-base, var(--spw-color-global-background-base));color:var(--spw-color-global-foreground-primary);height:100%;max-height:100vh;overflow:hidden;line-height:1.6;font-size:var(--spw-font-size-base);letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;z-index:9999}code,pre,kbd,samp,textarea,input[type=text],.code{font-family:var(--spw-font-family-mono);font-size:var(--spw-font-size-code);font-feature-settings:"liga" 1,"calt" 1}:focus-visible{outline:2px solid var(--spw-color-global-accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.focus-visible{outline:2px solid var(--spw-color-global-accent-primary)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #0fa3}button:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--spw-color-global-accent-primary);outline-offset:2px;box-shadow:var(--spw-shadow-glow-primary)}[data-spw-root][data-mode=insert] :focus-visible{outline-color:var(--spw-color-global-accent-secondary);box-shadow:0 0 0 4px #8ab4f833}[data-spw-root][data-mode=inspect] :focus-visible{outline-color:var(--spw-color-global-accent-tertiary);box-shadow:0 0 0 4px #fa03}[data-spw-root][data-mode=transform] :focus-visible{outline-color:var(--spw-color-status-warning);box-shadow:0 0 0 4px #ffaa004d}[data-region][data-active=true]{--spw-region-emphasis: 1}[data-region][data-active=false]{--spw-region-emphasis: .85}.spw-ui-panel:focus-within,.panel:focus-within,.hud-panel:focus-within{border-color:var(--spw-color-global-accent-primary);box-shadow:0 0 0 1px var(--spw-color-global-accent-primary),var(--spw-shadow-glow-primary)}.primary-panel:focus-within{z-index:10}.inspector-panel:focus-within .inspector-tabs{border-color:var(--spw-color-global-accent-primary)}[data-focusable=true]:focus-within{outline:2px solid var(--spw-focus-accent, var(--spw-color-global-accent-primary));outline-offset:2px;box-shadow:0 0 0 1px var(--spw-focus-accent, var(--spw-color-global-accent-primary))}.token-item:focus-within,.spw-viz-token-item:focus-within,.ast-node:focus-within,.spw-viz-ast-node:focus-within{background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary)}[role=tablist]:focus-within [role=tab][aria-selected=true]{box-shadow:0 0 0 2px var(--spw-color-global-accent-primary)}.editor-wrapper:focus-within,.spw-ui-editor-wrapper:focus-within{border-color:var(--spw-color-global-accent-primary)}.editor-wrapper:focus-within .line-numbers,.editor-wrapper:focus-within .spw-ui-editor-line-numbers,.spw-ui-editor-wrapper:focus-within .line-numbers,.spw-ui-editor-wrapper:focus-within .spw-ui-editor-line-numbers{border-color:var(--spw-color-global-accent-primary);background:#00ffaa0d}@media(forced-colors:active){:focus-visible,.focus-visible{outline:3px solid CanvasText;outline-offset:3px}.skip-link{background:Canvas;color:CanvasText;border:2px solid CanvasText}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-links{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);z-index:10000;display:flex;gap:2px;padding:4px;background:#000000e6;border:1px solid var(--spw-color-global-border-default);border-top:none;border-radius:0 0 8px 8px;transition:transform var(--spw-motion-transition-fast)}.skip-links:focus-within{transform:translate(-50%) translateY(0)}.skip-link{padding:var(--spw-space-scale-xs) var(--spw-space-scale-md);background:transparent;color:var(--spw-color-global-foreground-secondary);font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:600;text-decoration:none;border-radius:4px;transition:all var(--spw-motion-transition-fast);white-space:nowrap}.skip-link:hover,.skip-link:focus{background:var(--spw-color-global-accent-primary);color:var(--spw-color-global-background-base);outline:none}.kbd-hint{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;padding:.125em .375em;font-family:var(--spw-font-family-mono);font-size:var(--spw-font-size-xs);font-weight:500;background:#00ffaa1a;border:1px solid var(--spw-color-global-border-default);border-radius:3px;color:var(--spw-color-global-foreground-secondary)}.kbd-hint-group{display:inline-flex;align-items:center;gap:.25em}.kbd-hint-group .kbd-separator{color:var(--spw-color-global-foreground-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}html{--spw-context-hue: var(--spw-context-hue-visual, 200);--spw-context-saturation: 70%;--spw-context-lightness: 50%;--spw-context-opacity: .8;--spw-context-accent: var(--spw-color-context-visual);--spw-context-soft: var(--spw-color-context-visual-soft, rgba(79, 178, 255, .12));--spw-context-texture: var(--spw-context-texture-visual);--spw-context-texture-size: var(--spw-context-texture-size-visual, 18px 18px);--spw-context-texture-opacity: .16;--spw-context-intensity: .45;--spw-context-proximity: .6;--spw-context-clarity: .8;--spw-context-border-weight: 1.5px;--spw-context-glow-intensity: .4;--spw-context-shadow-depth: 4px;--spw-disclosure-density: 1;--spw-disclosure-hint-opacity: 1;--spw-disclosure-texture-opacity: .04;--spw-lod-texture-boost: 0;--spw-lod-accent-fine: color-mix(in srgb, var(--spw-context-accent) 35%, #5fd1ff 65%);--spw-lod-accent-medium: color-mix(in srgb, var(--spw-context-accent) 30%, #7cffc0 70%);--spw-lod-accent-coarse: color-mix(in srgb, var(--spw-context-accent) 25%, #ffd166 75%);--spw-lod-soft-fine: color-mix(in srgb, var(--spw-lod-accent-fine) 18%, transparent);--spw-lod-soft-medium: color-mix(in srgb, var(--spw-lod-accent-medium) 16%, transparent);--spw-lod-soft-coarse: color-mix(in srgb, var(--spw-lod-accent-coarse) 14%, transparent);--spw-layer-accent: var(--spw-lod-accent-fine);--spw-lod-accent: var(--spw-lod-accent-fine);--spw-lod-soft: var(--spw-lod-soft-fine);--spw-scope-rail-opacity: 0;--spw-region-accent: var(--spw-context-accent);--spw-region-soft: var(--spw-context-soft);--spw-focus-accent: var(--spw-region-accent, var(--spw-context-accent));--spw-focus-soft: var(--spw-region-soft, var(--spw-context-soft));--spw-semantic-context-color: var(--spw-context-accent);--spw-semantic-context-soft: var(--spw-context-soft);--spw-semantic-selection-bg: color-mix(in srgb, var(--spw-context-accent) 22%, transparent);--spw-semantic-selection-color: var(--spw-semantic-context-color);--spw-semantic-mode-color: var(--spw-mode-color, var(--spw-color-global-accent-primary));--spw-region-inactive-opacity: .86;--spw-region-inactive-saturation: .88;--spw-region-inactive-brightness: .92;--spw-region-texture: none;--spw-region-texture-size: auto;--spw-layer-texture-size: 18px 18px;--spw-panel-texture-opacity: calc( var(--spw-context-texture-opacity, 0) + var(--spw-disclosure-texture-opacity) + var(--spw-lod-texture-boost) );--spw-lod-weight-fine: 1;--spw-lod-weight-medium: .7;--spw-lod-weight-coarse: .5;--spw-viz-token-selected-bg: var(--spw-semantic-selection-bg);--spw-viz-token-selected-border: var(--spw-semantic-selection-color);--spw-viz-ast-selected-bg: var(--spw-semantic-selection-bg);--spw-viz-ast-selected-border: var(--spw-semantic-selection-color);--spw-viz-flow-selected-fill: var(--spw-semantic-selection-bg);--spw-viz-flow-selected-stroke: var(--spw-semantic-selection-color)}html[data-activation-context=visual-semantic]{--spw-context-hue: var(--spw-context-hue-visual, 200);--spw-context-accent: var(--spw-color-context-visual);--spw-context-soft: var(--spw-color-context-visual-soft, rgba(79, 178, 255, .12));--spw-context-texture: var(--spw-context-texture-visual);--spw-context-texture-size: var(--spw-context-texture-size-visual, 18px 18px);--spw-context-texture-opacity: .16;--spw-context-intensity: .35;--spw-context-proximity: .6;--spw-context-clarity: .85;--spw-context-opacity: .75;--spw-context-border-weight: 1px;--spw-context-glow-intensity: .3}html[data-activation-context=editing-semantic]{--spw-context-hue: var(--spw-context-hue-editing, 45);--spw-context-accent: var(--spw-color-context-editing);--spw-context-soft: var(--spw-color-context-editing-soft, rgba(255, 179, 71, .14));--spw-context-texture: var(--spw-context-texture-editing);--spw-context-texture-size: var(--spw-context-texture-size-editing, 16px 16px);--spw-context-texture-opacity: .24;--spw-context-intensity: .85;--spw-context-proximity: 1;--spw-context-clarity: .7;--spw-context-opacity: .85;--spw-context-border-weight: 2px;--spw-context-glow-intensity: .6}html[data-activation-context=reporting]{--spw-context-hue: var(--spw-context-hue-reporting, 190);--spw-context-accent: var(--spw-color-context-reporting);--spw-context-soft: var(--spw-color-context-reporting-soft, rgba(79, 214, 255, .14));--spw-context-texture: var(--spw-context-texture-reporting);--spw-context-texture-size: var(--spw-context-texture-size-reporting, 24px 24px);--spw-context-texture-opacity: .14;--spw-context-intensity: .45;--spw-context-proximity: .8;--spw-context-clarity: .9;--spw-context-opacity: .78;--spw-context-border-weight: 1.4px;--spw-context-glow-intensity: .35}html[data-activation-context=debug]{--spw-context-hue: var(--spw-context-hue-debug, 350);--spw-context-accent: var(--spw-color-context-debug);--spw-context-soft: var(--spw-color-context-debug-soft, rgba(255, 90, 122, .14));--spw-context-texture: var(--spw-context-texture-debug);--spw-context-texture-size: var(--spw-context-texture-size-debug, 16px 16px);--spw-context-texture-opacity: .22;--spw-context-intensity: .8;--spw-context-proximity: .9;--spw-context-clarity: .95;--spw-context-opacity: .82;--spw-context-border-weight: 1.8px;--spw-context-glow-intensity: .6}html[data-activation-context=design]{--spw-context-hue: var(--spw-context-hue-design, 285);--spw-context-accent: var(--spw-color-context-design);--spw-context-soft: var(--spw-color-context-design-soft, rgba(192, 124, 255, .16));--spw-context-texture: var(--spw-context-texture-design);--spw-context-texture-size: var(--spw-context-texture-size-design, 18px 18px);--spw-context-texture-opacity: .2;--spw-context-intensity: .7;--spw-context-proximity: .85;--spw-context-clarity: .65;--spw-context-opacity: .8;--spw-context-border-weight: 1.6px;--spw-context-glow-intensity: .5}html[data-activation-context=diagnostic]{--spw-context-hue: var(--spw-context-hue-diagnostic, 150);--spw-context-accent: var(--spw-color-context-diagnostic);--spw-context-soft: var(--spw-color-context-diagnostic-soft, rgba(84, 226, 179, .14));--spw-context-texture: var(--spw-context-texture-diagnostic);--spw-context-texture-size: var(--spw-context-texture-size-diagnostic, 20px 20px);--spw-context-texture-opacity: .2;--spw-context-intensity: .65;--spw-context-proximity: .75;--spw-context-clarity: .92;--spw-context-opacity: .82;--spw-context-border-weight: 1.5px;--spw-context-glow-intensity: .45}html[data-activation-context=pedagogical]{--spw-context-hue: var(--spw-context-hue-pedagogical, 35);--spw-context-accent: var(--spw-color-context-pedagogical);--spw-context-soft: var(--spw-color-context-pedagogical-soft, rgba(255, 191, 95, .16));--spw-context-texture: var(--spw-context-texture-pedagogical);--spw-context-texture-size: var(--spw-context-texture-size-pedagogical, 24px 24px);--spw-context-texture-opacity: .16;--spw-context-intensity: .55;--spw-context-proximity: .8;--spw-context-clarity: .95;--spw-context-opacity: .85;--spw-context-border-weight: 1.3px;--spw-context-glow-intensity: .35}html[data-activation-context=performance]{--spw-context-hue: var(--spw-context-hue-performance, 320);--spw-context-accent: var(--spw-color-context-performance);--spw-context-soft: var(--spw-color-context-performance-soft, rgba(255, 119, 198, .16));--spw-context-texture: var(--spw-context-texture-performance);--spw-context-texture-size: var(--spw-context-texture-size-performance, 20px 20px);--spw-context-texture-opacity: .26;--spw-context-intensity: .9;--spw-context-proximity: 1;--spw-context-clarity: .6;--spw-context-opacity: .82;--spw-context-border-weight: 2px;--spw-context-glow-intensity: .7}html[data-activation-context=structural]{--spw-context-hue: var(--spw-context-hue-structural, 140);--spw-context-accent: var(--spw-color-context-structural);--spw-context-soft: var(--spw-color-context-structural-soft, rgba(75, 210, 125, .12));--spw-context-texture: var(--spw-context-texture-structural);--spw-context-texture-size: var(--spw-context-texture-size-structural, 16px 16px);--spw-context-texture-opacity: .12;--spw-context-intensity: .5;--spw-context-proximity: .4;--spw-context-clarity: .9;--spw-context-opacity: .8;--spw-context-border-weight: 1.2px;--spw-context-glow-intensity: .25}html[data-disclosure=beginner]{--spw-disclosure-density: var(--spw-disclosure-density-beginner, .85);--spw-disclosure-hint-opacity: var(--spw-disclosure-hint-opacity-beginner, 1);--spw-disclosure-texture-opacity: var(--spw-disclosure-texture-opacity-beginner, .02)}html[data-disclosure=intermediate]{--spw-disclosure-density: var(--spw-disclosure-density-intermediate, .95);--spw-disclosure-hint-opacity: var(--spw-disclosure-hint-opacity-intermediate, .9);--spw-disclosure-texture-opacity: var(--spw-disclosure-texture-opacity-intermediate, .035)}html[data-disclosure=advanced]{--spw-disclosure-density: var(--spw-disclosure-density-advanced, 1);--spw-disclosure-hint-opacity: var(--spw-disclosure-hint-opacity-advanced, .75);--spw-disclosure-texture-opacity: var(--spw-disclosure-texture-opacity-advanced, .05)}html[data-disclosure=expert]{--spw-disclosure-density: var(--spw-disclosure-density-expert, 1.05);--spw-disclosure-hint-opacity: var(--spw-disclosure-hint-opacity-expert, .6);--spw-disclosure-texture-opacity: var(--spw-disclosure-texture-opacity-expert, .065)}html[data-region=editor]{--spw-region-accent: var(--spw-color-region-editor);--spw-region-soft: var(--spw-color-region-editor-soft, rgba(90, 162, 255, .18))}html[data-region=inspector]{--spw-region-accent: var(--spw-color-region-inspector);--spw-region-soft: var(--spw-color-region-inspector-soft, rgba(177, 141, 255, .18))}html[data-region=sidebar]{--spw-region-accent: var(--spw-color-region-sidebar);--spw-region-soft: var(--spw-color-region-sidebar-soft, rgba(76, 199, 193, .18))}html[data-region=geology]{--spw-region-accent: var(--spw-color-region-geology);--spw-region-soft: var(--spw-color-region-geology-soft, rgba(242, 182, 85, .2))}html[data-region=header]{--spw-region-accent: var(--spw-color-region-header);--spw-region-soft: var(--spw-color-region-header-soft, rgba(122, 162, 255, .16))}html[data-region=footer]{--spw-region-accent: var(--spw-color-region-footer);--spw-region-soft: var(--spw-color-region-footer-soft, rgba(240, 194, 106, .18))}html:is([data-spw-layer=syntactic],[data-lod=fine]){--spw-layer-accent: var(--spw-lod-accent-fine);--spw-lod-accent: var(--spw-lod-accent-fine);--spw-lod-soft: var(--spw-lod-soft-fine);--spw-layer-underline-style: solid;--spw-layer-underline-width: 1.5px;--spw-lod-weight-fine: 1;--spw-lod-weight-medium: .65;--spw-lod-weight-coarse: .4;--spw-lod-texture-boost: var(--spw-lod-texture-boost-fine, .02);--spw-layer-texture: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .03) 1px, transparent 1px, transparent 12px )}html:is([data-spw-layer=semantic],[data-lod=medium]){--spw-layer-accent: var(--spw-lod-accent-medium);--spw-lod-accent: var(--spw-lod-accent-medium);--spw-lod-soft: var(--spw-lod-soft-medium);--spw-layer-underline-style: solid;--spw-layer-underline-width: 2px;--spw-lod-weight-fine: .6;--spw-lod-weight-medium: 1;--spw-lod-weight-coarse: .6;--spw-lod-texture-boost: var(--spw-lod-texture-boost-medium, .015);--spw-layer-texture: repeating-linear-gradient( 0deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .025) 1px, transparent 1px, transparent 30px )}html:is([data-spw-layer=pragmatic],[data-lod=coarse]){--spw-layer-accent: var(--spw-lod-accent-coarse);--spw-lod-accent: var(--spw-lod-accent-coarse);--spw-lod-soft: var(--spw-lod-soft-coarse);--spw-layer-underline-style: solid;--spw-layer-underline-width: 2.5px;--spw-lod-weight-fine: .4;--spw-lod-weight-medium: .65;--spw-lod-weight-coarse: 1;--spw-lod-texture-boost: var(--spw-lod-texture-boost-coarse, .01);--spw-layer-texture: repeating-linear-gradient( 135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .035) 1px, transparent 1px, transparent 16px )}[data-disclosure-min]{display:none}[data-disclosure-display=flex]{--spw-disclosure-display: flex}[data-disclosure-display=grid]{--spw-disclosure-display: grid}[data-disclosure-display=block]{--spw-disclosure-display: block}[data-disclosure-display=inline-flex]{--spw-disclosure-display: inline-flex}[data-disclosure-display=inline-block]{--spw-disclosure-display: inline-block}html[data-disclosure=intermediate] [data-disclosure-min=intermediate],html[data-disclosure=advanced] [data-disclosure-min=intermediate],html[data-disclosure=expert] [data-disclosure-min=intermediate],html[data-disclosure=advanced] [data-disclosure-min=advanced],html[data-disclosure=expert] [data-disclosure-min=advanced],html[data-disclosure=expert] [data-disclosure-min=expert]{display:var(--spw-disclosure-display, flex)}[data-lod-weight]{transition:opacity .2s ease}[data-lod-weight=fine]{opacity:var(--spw-lod-weight-fine, 1)}[data-lod-weight=medium]{opacity:var(--spw-lod-weight-medium, .7)}[data-lod-weight=coarse]{opacity:var(--spw-lod-weight-coarse, .5)}html[data-mode=normal]{--spw-mode-color: var(--spw-color-global-accent-primary)}html[data-mode=insert]{--spw-mode-color: var(--spw-color-global-accent-secondary)}html[data-mode=inspect]{--spw-mode-color: var(--spw-color-global-status-warning)}html[data-mode=transform]{--spw-mode-color: var(--spw-color-global-accent-tertiary)}html[data-mode=stepping]{--spw-mode-color: var(--spw-color-global-status-success)}html[data-mode=command]{--spw-mode-color: #ff66ff}.mode-badge{background:var(--spw-mode-color, var(--spw-color-global-accent-primary));color:var(--spw-color-global-background-base);box-shadow:0 0 8px var(--spw-mode-color, var(--spw-color-global-accent-primary))}html[data-mode] .spw-app-header,html[data-mode] .hud-header{border-bottom-color:var(--spw-semantic-mode-color, var(--spw-color-global-border-default));box-shadow:inset 0 -1px 0 var(--spw-semantic-mode-color, transparent)}[data-region]{--spw-region-border: var(--spw-color-global-border-default);--spw-region-tint: transparent;--spw-region-texture: none;--spw-region-texture-size: auto;--spw-region-texture-opacity: .05;--spw-panel-texture-opacity: var(--spw-region-texture-opacity, .05);--spw-scope-rail-opacity: .08;--spw-component-accent: color-mix(in srgb, var(--spw-region-border) 55%, var(--spw-context-accent) 45%);--spw-component-soft: color-mix(in srgb, var(--spw-region-tint) 65%, var(--spw-context-soft) 35%);--spw-component-lod-accent: color-mix(in srgb, var(--spw-component-accent) 78%, var(--spw-layer-accent) 22%);--spw-component-lod-soft: color-mix(in srgb, var(--spw-component-soft) 82%, var(--spw-layer-accent) 18%);--spw-panel-border: color-mix(in srgb, var(--spw-component-lod-accent) 60%, var(--spw-color-global-border-default) 40%);--spw-panel-header-border: var(--spw-component-lod-accent);--spw-panel-header-bg: color-mix(in srgb, var(--spw-component-soft) 65%, transparent);--spw-panel-title-color: var(--spw-component-lod-accent);--spw-panel-glow: color-mix(in srgb, var(--spw-component-lod-accent) 25%, transparent);--spw-focus-accent: var(--spw-component-lod-accent);--spw-focus-soft: var(--spw-component-lod-soft);transition:border-color var(--spw-motion-transition-fast),box-shadow var(--spw-motion-transition-fast)}[data-region=editor]{--spw-region-border: var(--spw-color-region-editor);--spw-region-tint: var(--spw-color-region-editor-soft, rgba(90, 162, 255, .12));--spw-region-texture: var(--spw-region-texture-editor);--spw-region-texture-size: var(--spw-region-texture-size-editor, 16px 16px)}[data-region=inspector]{--spw-region-border: var(--spw-color-region-inspector);--spw-region-tint: var(--spw-color-region-inspector-soft, rgba(177, 141, 255, .12));--spw-region-texture: var(--spw-region-texture-inspector);--spw-region-texture-size: var(--spw-region-texture-size-inspector, 16px 16px)}[data-region=sidebar]{--spw-region-border: var(--spw-color-region-sidebar);--spw-region-tint: var(--spw-color-region-sidebar-soft, rgba(76, 199, 193, .12));--spw-region-texture: var(--spw-region-texture-sidebar);--spw-region-texture-size: var(--spw-region-texture-size-sidebar, 24px 24px)}[data-region=geology]{--spw-region-border: var(--spw-color-region-geology);--spw-region-tint: var(--spw-color-region-geology-soft, rgba(242, 182, 85, .12));--spw-region-texture: var(--spw-region-texture-geology);--spw-region-texture-size: var(--spw-region-texture-size-geology, 18px 18px)}[data-region=header]{--spw-region-border: var(--spw-color-region-header);--spw-region-tint: var(--spw-color-region-header-soft, rgba(122, 162, 255, .1));--spw-region-texture: var(--spw-region-texture-header);--spw-region-texture-size: var(--spw-region-texture-size-header, 18px 18px)}[data-region=footer]{--spw-region-border: var(--spw-color-region-footer);--spw-region-tint: var(--spw-color-region-footer-soft, rgba(240, 194, 106, .12));--spw-region-texture: var(--spw-region-texture-footer);--spw-region-texture-size: var(--spw-region-texture-size-footer, 20px 20px)}[data-region][data-active=true]{border-color:var(--spw-focus-accent, var(--spw-semantic-context-color, var(--spw-color-global-accent-primary)));box-shadow:0 0 0 1px var(--spw-focus-accent, var(--spw-semantic-context-color, var(--spw-color-global-accent-primary))),inset 0 0 20px var(--spw-focus-soft, var(--spw-semantic-context-soft, rgba(0, 255, 170, .03)))}html[data-region]:not([data-region=""]) [data-region][data-active=true]{--spw-panel-border: var(--spw-component-lod-accent);--spw-panel-header-bg: var(--spw-component-lod-soft);--spw-panel-texture-opacity: var(--spw-context-texture-opacity, .16);--spw-scope-rail-opacity: .65}html:is([data-spw-layer],[data-lod]) [data-region] .panel-header,html:is([data-spw-layer],[data-lod]) [data-region] .spw-ui-panel-header{--spw-panel-header-border: var(--spw-component-lod-accent, var(--spw-layer-accent, rgba(255, 255, 255, .08)));--spw-panel-header-border-style: var(--spw-layer-underline-style, solid);--spw-panel-header-border-width: var(--spw-layer-underline-width, 2px)}html:is([data-spw-layer=pragmatic],[data-lod=coarse]) [data-region][data-active=true]{box-shadow:0 0 0 1px var(--spw-layer-accent, rgba(255, 255, 255, .2)),inset 0 0 16px #ffd1661f}html[data-region]:not([data-region=""]) [data-region][data-active=false]{filter:saturate(var(--spw-region-inactive-saturation)) brightness(var(--spw-region-inactive-brightness));opacity:var(--spw-region-inactive-opacity);--spw-panel-texture-opacity: .04;--spw-scope-rail-opacity: .08;--spw-panel-border: color-mix(in srgb, var(--spw-component-accent) 30%, var(--spw-color-global-border-default) 70%);--spw-panel-header-bg: color-mix(in srgb, var(--spw-component-soft) 25%, transparent)}[data-dialog-id]{transition:opacity var(--spw-motion-transition-normal),visibility var(--spw-motion-transition-normal)}[data-dialog-id][data-open=false]{opacity:0;visibility:hidden;pointer-events:none}[data-dialog-id][data-open=true]{opacity:1;visibility:visible}html[data-editor-focused=true] .editor-wrapper,html[data-editor-focused=true] .spw-ui-editor-wrapper{border-color:var(--spw-focus-accent, var(--spw-color-global-accent-secondary));box-shadow:0 0 15px var(--spw-focus-soft, rgba(0, 212, 255, .2))}html[data-has-selection=true] .selection-info{display:flex}html[data-parsing=true] .secondary-panel,html[data-parsing=true] .spw-ui-inspector-panel{animation:parsing-pulse .6s ease-in-out infinite alternate}html[data-parsing=true] .primary-panel,html[data-parsing=true] .spw-ui-editor-panel{opacity:.85;pointer-events:none}html[data-parsing=true] .mode-badge:after{content:"...";margin-left:2px;animation:parsing-dots .8s steps(3,end) infinite}@keyframes parsing-pulse{0%{box-shadow:inset 0 0 0 1px var(--spw-color-global-accent-primary)}to{box-shadow:inset 0 0 12px #00ffaa26}}@keyframes parsing-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}:root[data-activation-context],[data-region-state=active]{--state-region-opacity: 1;--state-region-filter: none;--state-region-border-width: 2px;--state-region-pointer-events: auto;--state-component-label-font-size: 1.125rem;--state-component-content-font-size: .875rem;--state-component-meta-font-size: .75rem}[data-region-state=inactive]{--state-region-opacity: .5;--state-region-filter: grayscale(.3);--state-region-border-width: 1px;--state-region-pointer-events: none}[data-region-state=focus]{--state-region-opacity: 1;--state-region-filter: none;--state-region-border-width: 2px;--state-region-box-shadow: 0 0 12px var(--spw-color-global-accent-primary);--state-region-outline: 2px solid var(--spw-color-global-accent-primary);--state-region-outline-offset: 2px}[data-region-state=disabled]{--state-region-opacity: .3;--state-region-filter: grayscale(.8) blur(.5px);--state-region-border-width: 1px;--state-region-pointer-events: none;--state-region-cursor: not-allowed}[data-region-state]{opacity:var(--state-region-opacity, 1);filter:var(--state-region-filter, none);border-width:var(--state-region-border-width, 1px);pointer-events:var(--state-region-pointer-events, auto);cursor:var(--state-region-cursor, auto);transition:all var(--spw-motion-transition-fast)}[data-region-state=focus]{box-shadow:var(--state-region-box-shadow);outline:var(--state-region-outline);outline-offset:var(--state-region-outline-offset)}[data-region-label]{font-size:var(--state-component-label-font-size, 1rem);font-weight:600;color:var(--spw-color-global-foreground-primary)}[data-region-content]{font-size:var(--state-component-content-font-size, .875rem);color:var(--spw-color-global-foreground-secondary)}[data-region-meta]{font-size:var(--state-component-meta-font-size, .75rem);color:var(--spw-color-global-foreground-tertiary);opacity:.8}html[data-activation-context] [data-activation-indicator]{--activation-context-label: "Context";--activation-context-color: var(--spw-context-accent);--activation-context-icon: "C"}html[data-activation-context=visual-semantic] [data-activation-indicator]{--activation-context-label: "Visual";--activation-context-icon: "V"}html[data-activation-context=editing-semantic] [data-activation-indicator]{--activation-context-label: "Editing";--activation-context-icon: "E"}html[data-activation-context=reporting] [data-activation-indicator]{--activation-context-label: "Reporting";--activation-context-icon: "R"}html[data-activation-context=debug] [data-activation-indicator]{--activation-context-label: "Debug";--activation-context-icon: "X"}html[data-activation-context=design] [data-activation-indicator]{--activation-context-label: "Design";--activation-context-icon: "D"}html[data-activation-context=diagnostic] [data-activation-indicator]{--activation-context-label: "Diagnostic";--activation-context-icon: "N"}html[data-activation-context=pedagogical] [data-activation-indicator]{--activation-context-label: "Pedagogical";--activation-context-icon: "P"}html[data-activation-context=performance] [data-activation-indicator]{--activation-context-label: "Performance";--activation-context-icon: "F"}html[data-activation-context=structural] [data-activation-indicator]{--activation-context-label: "Structural";--activation-context-icon: "S"}[data-depth]{--depth-intensity: calc(var(--depth, 0) * .1);--depth-glow: calc(var(--depth, 0) * 4px);--depth-border-alpha: calc(.2 + var(--depth-intensity))}[data-depth="1"]{--depth: 1}[data-depth="2"]{--depth: 2}[data-depth="3"]{--depth: 3}[data-depth]:focus-within{box-shadow:inset 0 0 calc(8px + var(--depth-glow, 0px)) rgba(0,255,170,var(--depth-border-alpha, .2)),0 0 var(--depth-glow, 0px) rgba(0,255,170,calc(var(--depth-intensity, 0) * .5))}[data-liminal=entering]{animation:liminal-enter .3s ease-out}[data-liminal=exiting]{animation:liminal-exit .2s ease-in forwards}[data-liminal=threshold]{animation:liminal-pulse 1.5s ease-in-out infinite;border-color:var(--spw-color-global-accent-secondary)}@keyframes liminal-enter{0%{opacity:0;transform:translateY(-4px);border-color:transparent}50%{border-color:var(--spw-color-global-accent-primary);box-shadow:0 0 12px #00ffaa4d}to{opacity:1;transform:translateY(0)}}@keyframes liminal-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes liminal-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--spw-color-global-accent-secondary)}50%{box-shadow:inset 0 0 8px #00d4ff33}}html[data-mode=insert][data-region=editor]{--context-combo-glow: rgba(0, 212, 255, .15);--context-combo-border: var(--spw-color-global-accent-secondary)}html[data-mode=insert][data-region=editor] [data-region=editor]{box-shadow:inset 0 0 20px var(--context-combo-glow),0 0 1px var(--context-combo-border)}html[data-mode=inspect][data-region=inspector]{--context-combo-glow: rgba(255, 170, 0, .12);--context-combo-border: var(--spw-color-status-warning)}html[data-mode=inspect][data-region=inspector] [data-region=inspector]{box-shadow:inset 0 0 20px var(--context-combo-glow),0 0 1px var(--context-combo-border)}html[data-mode=transform] [data-region][data-active=true]{border-style:dashed;border-color:var(--spw-color-global-accent-tertiary)}html[data-mode=stepping] [data-region][data-active=true]{border-color:var(--spw-color-status-success);box-shadow:inset 0 0 12px #00ff641a}[data-state=ready]{--component-indicator: var(--spw-color-global-accent-primary)}[data-state=pending]{--component-indicator: var(--spw-color-status-warning);animation:state-pending 1s ease-in-out infinite alternate}[data-state=active]{--component-indicator: var(--spw-color-global-accent-secondary);box-shadow:0 0 8px #00d4ff33}[data-state=error]{--component-indicator: var(--spw-color-status-danger);animation:state-error .3s ease-in-out}[data-state=success]{--component-indicator: var(--spw-color-status-success);animation:state-success .4s ease-out}@keyframes state-pending{0%{opacity:.7}to{opacity:1}}@keyframes state-error{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes state-success{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}[data-state]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--component-indicator, var(--spw-color-global-foreground-muted));margin-right:var(--spw-space-scale-xs);vertical-align:middle}html[data-layer-view=syntactic]{--layer-gradient: linear-gradient(135deg, rgba(0, 255, 170, .02) 0%, transparent 50%);--layer-accent: var(--spw-color-global-accent-primary)}html[data-layer-view=semantic]{--layer-gradient: linear-gradient(135deg, rgba(0, 212, 255, .02) 0%, transparent 50%);--layer-accent: var(--spw-color-global-accent-secondary)}html[data-layer-view=pragmatic]{--layer-gradient: linear-gradient(135deg, rgba(255, 170, 0, .02) 0%, transparent 50%);--layer-accent: var(--spw-color-status-warning)}[data-layer-sensitive]{background-image:var(--layer-gradient, none)}[data-focus-path=ancestor]{border-left:2px solid rgba(0,255,170,.3)}[data-focus-path=current]{border-left:2px solid var(--spw-color-global-accent-primary);background:#00ffaa08}[data-available=true]{opacity:1;cursor:pointer}[data-available=false]{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}[data-available=conditional]{opacity:.7;border-style:dashed}[data-available=true]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00ffaa26}html[data-activation-context]{--temp-primary: var(--spw-context-accent);--temp-glow: color-mix(in srgb, var(--spw-context-accent) 22%, transparent);--temp-surface: color-mix(in srgb, var(--spw-context-soft) 45%, transparent)}[data-temp-sensitive]{border-color:var(--temp-primary);background:var(--temp-surface)}[data-temp-sensitive]:focus-within{box-shadow:0 0 12px var(--temp-glow)}html:is([data-spw-layer],[data-lod]):before{position:fixed;bottom:8px;left:8px;font-family:var(--spw-font-family-mono, monospace);font-size:.7rem;padding:2px 6px;border-radius:4px;opacity:.8;z-index:1000;pointer-events:none;transition:all var(--spw-motion-transition-fast, .15s)}html:is([data-spw-layer=syntactic],[data-lod=fine]):before{content:"1";background:var(--spw-lod-accent, var(--spw-color-global-accent-primary, #00ffaa));color:var(--spw-color-global-background-base, #0a0a0a)}html:is([data-spw-layer=semantic],[data-lod=medium]):before{content:"2";background:var(--spw-lod-accent, var(--spw-color-global-accent-secondary, #00d4ff));color:var(--spw-color-global-background-base, #0a0a0a)}html:is([data-spw-layer=pragmatic],[data-lod=coarse]):before{content:"3";background:var(--spw-lod-accent, var(--spw-color-global-accent-tertiary, #ffaa00));color:var(--spw-color-global-background-base, #0a0a0a)}@keyframes layer-indicator-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.1);box-shadow:0 0 8px 2px currentColor}to{transform:scale(1);box-shadow:0 0 0 0 currentColor}}html:is([data-spw-layer],[data-lod]):before{animation:layer-indicator-pulse .3s ease-out}html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-ast-node]:focus-visible,html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-token]:focus-visible,html:is([data-spw-layer=syntactic],[data-lod=fine]) .spw-document-list-item:focus-visible{outline:2px solid var(--spw-layer-accent, #5fd1ff);outline-offset:1px;border-radius:2px}html:is([data-spw-layer=semantic],[data-lod=medium]) [data-expression]:focus-visible,html:is([data-spw-layer=semantic],[data-lod=medium]) [data-block]:focus-visible,html:is([data-spw-layer=semantic],[data-lod=medium]) [data-spw-component]:focus-visible{outline:2px solid var(--spw-layer-accent, #7cffc0);outline-offset:2px;border-radius:4px}html:is([data-spw-layer=pragmatic],[data-lod=coarse]) [data-region]:focus-visible{outline:3px solid var(--spw-layer-accent, #ffd166);outline-offset:3px;border-radius:6px;box-shadow:0 0 16px var(--spw-lod-soft, rgba(255, 170, 0, .25))}html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-ast-node],html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-token]{transition:box-shadow var(--spw-motion-transition-fast, .15s)}html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-ast-node]:hover,html:is([data-spw-layer=syntactic],[data-lod=fine]) [data-token]:hover{box-shadow:0 0 4px var(--spw-lod-soft, rgba(95, 209, 255, .3))}html:is([data-spw-layer=semantic],[data-lod=medium]) [data-expression],html:is([data-spw-layer=semantic],[data-lod=medium]) [data-block]{transition:box-shadow var(--spw-motion-transition-fast, .15s)}html:is([data-spw-layer=semantic],[data-lod=medium]) [data-expression]:hover,html:is([data-spw-layer=semantic],[data-lod=medium]) [data-block]:hover{box-shadow:0 0 8px var(--spw-lod-soft, rgba(124, 255, 192, .3))}html:is([data-spw-layer=pragmatic],[data-lod=coarse]) [data-region]{transition:box-shadow var(--spw-motion-transition-fast, .15s)}html:is([data-spw-layer=pragmatic],[data-lod=coarse]) [data-region]:hover{box-shadow:0 0 12px var(--spw-lod-soft, rgba(255, 209, 102, .2))}html[data-lod=fine] [data-lod-item=true][data-lod-kind=fine]{box-shadow:inset 0 0 0 1px var(--spw-lod-soft-fine, rgba(95, 209, 255, .15))}html[data-lod=medium] [data-lod-item=true][data-lod-kind=medium]{box-shadow:inset 0 0 0 1px var(--spw-lod-soft-medium, rgba(124, 255, 192, .15))}html[data-lod=coarse] [data-lod-item=true][data-lod-kind=coarse]{outline:1px dashed var(--spw-lod-soft-coarse, rgba(255, 209, 102, .25));outline-offset:-2px}html:is([data-lod=fine],[data-lod=medium],[data-lod=coarse]) [data-lod-item=true][tabindex="0"]{box-shadow:0 0 0 2px var(--spw-layer-accent, rgba(255, 255, 255, .35)),0 0 12px #ffffff1a;background:color-mix(in srgb,var(--spw-layer-accent, #5fd1ff) 8%,transparent)}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-slide-in{0%{opacity:0;transform:translate(-20px)}}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes picker-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.6}}@keyframes status-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes warning-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes cell-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes cell-warning{0%,to{opacity:1}50%{opacity:.5}}@keyframes tab-glow{0%,to{box-shadow:0 0 4px var(--spw-color-global-accent-primary)}50%{box-shadow:0 0 12px var(--spw-color-global-accent-primary)}}@keyframes bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes metric-animate{0%{width:0}}@keyframes shimmer{to{left:100%}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:panel-enter .3s ease-out}.animate-slide-up{animation:picker-slide-up .2s ease-out}.toast.leaving{animation:toast-leave .3s ease-out forwards}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh;max-height:100vh;max-width:100%;margin:0;padding:0;text-align:left;overflow:hidden}.spw-app-main,.hud-main{--spw-sidebar-collapsed: var(--spw-sidebar-width-collapsed, 40px);--spw-sidebar-expanded: var(--spw-sidebar-width-expanded, 240px);--spw-sidebar-current: var(--spw-sidebar-collapsed);display:grid;grid-template-columns:var(--spw-sidebar-current) minmax(0,1fr) auto;gap:clamp(8px,1vw,var(--spw-space-scale-sm));padding:clamp(8px,1.2vw,var(--spw-space-scale-sm));min-height:0;overflow:hidden}html[data-sidebar-expanded=true] .spw-app-main,html[data-sidebar-expanded=true] .hud-main{--spw-sidebar-current: var(--spw-sidebar-expanded)}.spw-app-sidebar,.hud-sidebar{width:var(--spw-sidebar-current);max-width:var(--spw-sidebar-current)}.spw-app-content,.hud-content{min-width:0}.panel-container{height:100%}.geology-panel,.spw-app-geology-panel{width:var(--spw-panel-width-tertiary, 280px);max-width:var(--spw-panel-width-tertiary, 280px);min-width:240px;background:var(--spw-panel-bg-tertiary, var(--spw-color-surface-panel, var(--spw-color-surface-card)));border:1px solid var(--spw-divider-secondary, var(--spw-color-global-border-default));border-radius:8px;overflow:hidden;display:flex;flex-direction:column;max-height:100%}.spw-app-geology-header{flex-shrink:0}.spw-app-geology-body{flex:1;min-height:0;overflow-y:auto}.context-awareness-panel{display:flex;flex-direction:column;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-xs) var(--spw-space-scale-xs);width:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}.geology-header{min-height:var(--spw-panel-header-tertiary, 28px);padding:0 var(--spw-space-scale-sm);border-bottom:1px solid var(--spw-divider-secondary, var(--spw-color-global-border-default));background:var(--spw-panel-header-bg-tertiary, var(--spw-color-surface-panel-header, rgba(0, 0, 0, .28)));display:flex;align-items:center}.geology-title{font-family:var(--spw-font-family-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--spw-color-global-foreground-muted);margin:0}.geology-context-toggle{display:flex;gap:var(--spw-space-scale-xs);padding:var(--spw-space-scale-xs);background:#0003;border-radius:6px}.context-toggle-btn{flex:1;padding:var(--spw-space-scale-sm);background:transparent;border:1px solid transparent;border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:500;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.context-toggle-btn:hover{background:#ffffff14;color:var(--spw-color-global-foreground-primary);transform:translateY(-1px)}.context-toggle-btn.active{background:linear-gradient(135deg,var(--temp-primary, var(--spw-color-global-accent-primary)) 0%,color-mix(in srgb,var(--temp-primary, var(--spw-color-global-accent-primary)) 80%,black) 100%);color:var(--spw-color-global-background-base);box-shadow:0 0 12px var(--temp-glow, rgba(0, 255, 170, .4)),inset 0 1px #fff3;font-weight:600}.geology-context-toggle:after{content:"";display:block;margin-top:var(--spw-space-scale-sm);height:1px;background:linear-gradient(90deg,transparent 0%,var(--spw-color-global-border-default) 20%,var(--spw-color-global-border-default) 80%,transparent 100%)}.geology-state-section{padding:var(--spw-space-scale-sm) var(--spw-space-scale-xs)}.state-grid{display:flex;flex-direction:column;gap:3px}.state-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:linear-gradient(90deg,#0003,#0000001a);border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.7rem;transition:all var(--spw-motion-transition-fast);border-left:2px solid transparent}.state-item:hover{background:linear-gradient(90deg,#00000040,#00000026)}.state-item:before{display:none}.state-item[data-state=active]{background:linear-gradient(90deg,#00d4ff26,#00d4ff0d);border-left:2px solid var(--spw-color-global-accent-secondary);box-shadow:inset 0 0 8px #00d4ff1a}.state-item[data-state=pending]{background:linear-gradient(90deg,#ffaa001f,#ffaa000a);border-left:2px solid var(--spw-color-status-warning)}.state-item[data-state=ready]{border-left:2px solid var(--spw-color-global-accent-primary)}.state-label{color:var(--spw-color-global-foreground-muted)}.state-value{color:var(--spw-color-global-foreground-primary);font-weight:500}.geology-availability{padding:var(--spw-space-scale-sm) var(--spw-space-scale-xs);display:flex;flex-direction:column;gap:var(--spw-space-scale-sm);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%)}.availability-section{display:flex;flex-direction:column;gap:4px}.availability-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--spw-color-global-foreground-muted);padding-left:2px;opacity:.7}.availability-row{display:flex;flex-wrap:wrap;gap:5px}.availability-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:32px;padding:5px 8px;border:1px solid var(--spw-color-global-border-default);border-radius:6px;font-family:var(--spw-font-family-mono);font-size:.75rem;transition:all var(--spw-motion-transition-fast);gap:2px;background:#0003;position:relative;overflow:hidden}.availability-item:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.availability-item:before{display:none}.availability-item[data-available=true]{color:var(--spw-color-global-accent-primary);border-color:#0fa6;cursor:pointer;background:linear-gradient(180deg,#00ffaa14,#00ffaa05)}.availability-item[data-available=true]:hover{background:linear-gradient(180deg,#0fa3,#00ffaa14);border-color:var(--spw-color-global-accent-primary);box-shadow:0 2px 8px #00ffaa40,inset 0 0 12px #00ffaa1a;transform:translateY(-2px)}.availability-item[data-available=true]:active{transform:translateY(0);box-shadow:0 0 4px #00ffaa4d}.availability-item[data-available=false]{color:var(--spw-color-global-foreground-muted);opacity:.35;cursor:not-allowed;border-color:transparent}.avail-key{font-weight:700;font-size:.85rem;text-shadow:0 0 8px currentColor}.avail-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.geology-commands-section{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05);margin-top:var(--spw-space-scale-xs)}.geology-commands-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spw-space-scale-sm) var(--spw-space-scale-sm);background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 100%)}.geology-commands-section .section-title{font-family:var(--spw-font-family-mono);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--spw-color-global-foreground-muted);opacity:.7}.clear-history-btn{padding:3px 8px;background:#0003;border:1px solid var(--spw-color-global-border-default);border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.55rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--spw-color-global-foreground-muted);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.clear-history-btn:hover{border-color:var(--spw-color-status-danger);color:var(--spw-color-status-danger);background:#ff55551a}.command-history{flex:1;min-height:0;overflow-y:auto;padding:var(--spw-space-scale-xs);display:flex;flex-direction:column;gap:2px}.command-history .empty-state{text-align:center;padding:var(--spw-space-scale-md);color:var(--spw-color-global-foreground-muted);font-size:.7rem;font-style:italic;opacity:.6}.command-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spw-space-scale-sm);padding:4px var(--spw-space-scale-sm);font-family:var(--spw-font-family-mono);font-size:.65rem;border-radius:4px;transition:all var(--spw-motion-transition-fast);background:#00000026;border-left:2px solid transparent}.command-entry:hover{background:#00ffaa0d;border-left-color:var(--spw-color-global-accent-primary)}.command-entry.handled{color:var(--spw-color-global-foreground-secondary);border-left-color:var(--spw-color-global-accent-primary)}.command-entry.unhandled{color:var(--spw-color-global-foreground-muted);opacity:.5;border-left-color:var(--spw-color-status-warning)}.command-keys{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 6px;background:#00ffaa1a;border:1px solid rgba(0,255,170,.3);border-radius:3px;color:var(--spw-color-global-accent-primary);font-weight:600;font-size:.7rem}.command-action{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--spw-color-global-foreground-secondary)}.command-time{color:var(--spw-color-global-foreground-muted);font-size:.55rem;opacity:.7}.spw-app-minimap,.hud-minimap{background:var(--spw-color-surface-panel, var(--spw-color-surface-card));border:1px solid var(--spw-color-global-border-default);border-radius:8px;padding:var(--spw-space-scale-md);height:fit-content}.minimap-display{margin-bottom:var(--spw-space-scale-md)}.minimap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spw-space-scale-xs)}.grid-cell{aspect-ratio:1;border-radius:4px;background:#ffffff1a;transition:all var(--spw-motion-transition-fast);cursor:pointer}.grid-cell:hover{transform:scale(1.1)}.grid-cell.active{background:var(--spw-color-global-accent-primary);box-shadow:0 0 10px #00ffaa80;animation:cell-pulse 2s ease-in-out infinite}.grid-cell.warning{background:var(--spw-color-status-warning);box-shadow:0 0 10px #ffaa0080;animation:cell-warning 1s ease-in-out infinite}.grid-cell.inactive{background:var(--spw-color-global-foreground-muted);opacity:.3}.minimap-legend{display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.legend-item{display:flex;align-items:center;gap:var(--spw-space-scale-sm);font-size:.7rem;color:var(--spw-color-global-foreground-secondary)}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-dot.active{background:var(--spw-color-global-accent-primary)}.legend-dot.warning{background:var(--spw-color-status-warning)}.legend-dot.inactive{background:var(--spw-color-global-foreground-muted)}.spw-app-footer,.hud-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-xs) var(--spw-space-scale-lg);background:var(--spw-color-surface-footer, var(--spw-color-surface-card));border-top:1px solid var(--spw-color-global-border-default);font-size:.7rem;min-height:36px}.timestamp{font-family:var(--spw-font-family-mono);color:var(--spw-color-global-foreground-muted)}.keyboard-hint{color:var(--spw-color-global-foreground-muted)}.keyboard-hint kbd,.shortcuts-list kbd{display:inline-block;padding:2px 6px;font-family:var(--spw-font-family-mono);font-size:.7rem;background:#ffffff1a;border:1px solid var(--spw-color-global-border-default);border-radius:3px;color:var(--spw-color-global-foreground-secondary)}.key-hint-bar-container{flex:1;display:flex;justify-content:flex-end;min-width:0}.key-hint-bar,.spw-ui-key-hint-bar{--spw-hint-accent-hue: var(--spw-context-hue, 200);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spw-space-scale-xs) var(--spw-space-scale-sm);padding:2px var(--spw-space-scale-sm);border-radius:6px;background:#0000002e;border:1px solid hsla(var(--spw-hint-accent-hue),60%,60%,.12);border:1px solid color-mix(in srgb,var(--spw-context-accent, #4fb2ff) 45%,transparent);box-shadow:0 6px 16px #00000038;font-size:var(--spw-font-size-xs);line-height:1.1;max-width:100%;opacity:var(--spw-disclosure-hint-opacity, 1)}.key-hint-bar[data-key-capture=typing],.spw-ui-key-hint-bar[data-key-capture=typing]{border-color:#f2cc5a52;background:#00000047}.key-hint-bar[data-key-capture=dialog],.spw-ui-key-hint-bar[data-key-capture=dialog]{border-color:#e467675c;background:#0000004d}.key-hint-group,.spw-ui-key-hint-group{display:flex;align-items:center;gap:var(--spw-space-scale-xs)}.key-hint-group+.key-hint-group{padding-left:var(--spw-space-scale-xs);border-left:1px solid rgba(255,255,255,.08)}.key-hint-group-label,.spw-ui-key-hint-group-label{font-size:.6rem;color:hsla(var(--spw-hint-accent-hue),70%,60%,.9);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-right:var(--spw-space-scale-xxs, 2px)}.key-hint-group-label:empty{display:none}.key-hint,.spw-ui-key-hint{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.key-hint-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;padding:2px 5px;font-family:var(--spw-font-family-mono);font-size:.65rem;font-weight:600;background:#ffffff0f;border:1px solid var(--spw-color-global-border-default);border-radius:4px;color:var(--spw-color-global-foreground-primary)}.spw-app-footer,.hud-footer{container-type:inline-size;container-name:spw-footer}@container spw-footer (max-width: 900px){.key-hint-bar,.spw-ui-key-hint-bar{padding:2px var(--spw-space-scale-xs)}.key-hint-label,.key-hint-group-label,.spw-ui-key-hint-group-label{display:none}}.key-hint-label{color:var(--spw-color-global-foreground-secondary);font-size:.65rem}.cursor-position{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-family:var(--spw-font-family-mono);font-size:var(--spw-font-size-sm);color:var(--spw-color-global-foreground-secondary);background:#0000004d;border:1px solid var(--spw-color-global-border-default);border-radius:4px}.cursor-position-label{color:var(--spw-color-global-foreground-muted);text-transform:uppercase;font-size:var(--spw-font-size-xs);letter-spacing:.05em}.cursor-position-value{color:var(--spw-color-global-accent-primary);font-weight:500}.cursor-position-separator{color:var(--spw-color-global-foreground-muted)}.selection-info{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding-left:var(--spw-space-scale-sm);border-left:1px solid var(--spw-color-global-border-default);color:var(--spw-color-global-accent-secondary)}.selection-info:empty{display:none}.key-hint[data-clickable=true],.spw-ui-key-hint[data-clickable=true]{cursor:pointer;transition:all var(--spw-motion-transition-fast);border-radius:4px;padding:2px 4px;margin:-2px -4px}.key-hint[data-clickable=true]:hover,.spw-ui-key-hint[data-clickable=true]:hover{background:#00ffaa1a;transform:translateY(-1px)}.key-hint[data-clickable=true]:hover .key-hint-key{background:#0fa3;border-color:var(--spw-color-global-accent-primary);box-shadow:0 0 6px #00ffaa4d}.key-hint[data-clickable=true]:active,.spw-ui-key-hint[data-clickable=true]:active{transform:translateY(0) scale(.98)}.key-hint[data-available=false],.spw-ui-key-hint[data-available=false]{opacity:.35;filter:grayscale(.3);cursor:not-allowed}.key-hint[data-available=false] .key-hint-key{border-color:transparent;background:#ffffff05;box-shadow:none}.key-hint[data-suggested=true],.spw-ui-key-hint[data-suggested=true]{animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:0 0 #0fa0}50%{box-shadow:0 0 8px 2px #00ffaa4d}}html[data-has-node-selection=true] [data-region=inspector] .panel-header,html[data-has-node-selection=true] [data-region=inspector] .spw-ui-panel-header{position:relative}html[data-has-node-selection=true] [data-region=inspector] .panel-header:after,html[data-has-node-selection=true] [data-region=inspector] .spw-ui-panel-header:after{content:"↵ Details";position:absolute;right:var(--spw-space-scale-sm);top:50%;transform:translateY(-50%);font-size:.65rem;font-family:var(--spw-font-family-mono);padding:2px 6px;background:#00ffaa26;border:1px solid var(--spw-color-global-accent-primary);border-radius:4px;color:var(--spw-color-global-accent-primary);animation:details-available 1.5s ease-in-out infinite}@keyframes details-available{0%,to{opacity:.7;box-shadow:0 0 #0fa0}50%{opacity:1;box-shadow:0 0 8px #00ffaa4d}}#detail-drawer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:240px!important;background:#1a1a2e!important;border-top:3px solid #00ffaa!important;transform:translateY(100%);transition:transform .25s ease-out;display:flex!important;flex-direction:column!important;z-index:10000!important;box-shadow:0 -10px 40px #0009!important;visibility:hidden}#detail-drawer[aria-hidden=false]{transform:translateY(0)!important;visibility:visible!important}.panel,.spw-ui-panel{display:block;background:var(--spw-panel-bg, var(--spw-color-surface-panel, var(--spw-color-surface-card)));border:1px solid var(--spw-color-global-border-default);border-color:var(--spw-panel-border, var(--spw-region-border, var(--spw-color-global-border-default)));border-radius:8px;overflow:hidden;box-shadow:0 14px 30px #00000059;animation:panel-enter .3s ease-out}.panel[hidden],.spw-ui-panel[hidden]{display:none}.panel.active,.spw-ui-panel.active{display:block}.panel-header,.spw-ui-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--spw-panel-header-height, 32px);padding:0 clamp(8px,1.4vw,var(--spw-space-scale-lg));border-bottom-width:var(--spw-panel-header-border-width, 1px);border-bottom-style:var(--spw-panel-header-border-style, solid);border-bottom-color:var(--spw-panel-header-border, var(--spw-panel-border, var(--spw-color-global-border-default)));background:var(--spw-panel-header-bg, var(--spw-color-surface-panel-header, rgba(0, 255, 170, .02)))}.panel-lod-indicator{margin-left:var(--spw-space-scale-sm);flex-shrink:0;padding:2px 6px;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;border:1px solid var(--spw-lod-accent, var(--spw-layer-accent, var(--spw-color-global-border-default)));border-style:var(--spw-layer-underline-style, solid);color:var(--spw-lod-accent, var(--spw-layer-accent, var(--spw-color-global-foreground-secondary)));opacity:.45;background:#00000040;position:relative;overflow:hidden}.panel-lod-indicator:after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,var(--spw-lod-accent, var(--spw-layer-accent, rgba(255, 255, 255, .6))) 40%,var(--spw-lod-accent, var(--spw-layer-accent, rgba(255, 255, 255, .6))) 60%,transparent 100%);opacity:.35;pointer-events:none}[data-region][data-active=true] .panel-lod-indicator,[data-region]:focus-within .panel-lod-indicator{opacity:.9;box-shadow:0 0 8px #00000059}[data-region][data-status=error] .panel-header,[data-region][data-status=error] .spw-ui-panel-header{border-bottom-color:var(--spw-color-status-danger);box-shadow:inset 0 -1px 0 var(--spw-color-status-danger)}[data-region][data-status=empty] .panel-header,[data-region][data-status=empty] .spw-ui-panel-header{border-bottom-color:var(--spw-color-global-border-default);background:#ffffff03}[data-region][data-status=ready] .panel-header,[data-region][data-status=ready] .spw-ui-panel-header{border-bottom-color:var(--spw-semantic-context-color, var(--spw-color-global-border-default))}.panel-title,.spw-ui-panel-title{font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--spw-panel-title-color, var(--spw-region-border, var(--spw-color-global-accent-primary)));display:inline-flex;align-items:center;gap:var(--spw-space-scale-sm)}.spw-ui-region-chip{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--spw-panel-title-color, var(--spw-region-border, var(--spw-color-global-accent-primary)));box-shadow:0 0 0 2px #00000080,0 0 6px var(--spw-panel-title-color, var(--spw-region-border, var(--spw-color-global-accent-primary)));animation:chip-pulse 2s ease-in-out infinite}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.7}}.spw-ui-panel-header--compact{padding:var(--spw-space-scale-sm) var(--spw-space-scale-lg)}.panel-body,.spw-ui-panel-body{padding:clamp(10px,1.6vw,var(--spw-space-scale-lg));position:relative}.panel-body:before,.spw-ui-panel-body:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--spw-region-texture, none),var(--spw-context-texture, var(--spw-mode-texture, none)),var(--spw-layer-texture, none);background-size:var(--spw-region-texture-size, auto),var(--spw-context-texture-size, auto),var(--spw-layer-texture-size, auto);background-repeat:repeat;opacity:var(--spw-panel-texture-opacity, 0);mix-blend-mode:soft-light}.panel-body:after,.spw-ui-panel-body:after{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--spw-component-lod-accent, var(--spw-context-accent, var(--spw-region-accent))) 15%,var(--spw-component-lod-accent, var(--spw-context-accent, var(--spw-region-accent))) 85%,transparent 100%);opacity:var(--spw-scope-rail-opacity, 0);pointer-events:none}.panel-metrics,.spw-ui-panel-metrics{flex-shrink:0;border-top:1px solid var(--spw-color-global-border-default);background:var(--spw-color-surface-panel-footer, transparent)}.panel-metrics .timing-metrics,.spw-ui-panel-metrics .timing-metrics{margin:0;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:transparent;gap:var(--spw-space-scale-lg)}.primary-panel,.spw-ui-panel--primary{display:flex;flex-direction:column;background:var(--spw-panel-bg-primary, var(--spw-color-surface-panel, var(--spw-color-surface-card)));border:1px solid var(--spw-divider-primary, var(--spw-color-global-border-default));border-radius:8px;overflow:hidden;min-height:0;--spw-panel-bg: var(--spw-panel-bg-primary, var(--spw-color-surface-panel, var(--spw-color-surface-card)));--spw-panel-border: var(--spw-divider-primary, var(--spw-color-global-border-default));--spw-panel-header-bg: var(--spw-panel-header-bg-primary, var(--spw-color-surface-panel-header, rgba(0, 255, 170, .08)));--spw-panel-header-height: var(--spw-panel-header-primary, 36px);container-type:inline-size;container-name:spw-editor}.primary-panel .panel-header,.spw-ui-panel--primary .panel-header,.spw-ui-panel--primary .spw-ui-panel-header{flex-shrink:0}.primary-panel .panel-body,.spw-ui-panel--primary .panel-body,.spw-ui-panel--primary .spw-ui-panel-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:0}.secondary-panel,.spw-ui-panel--secondary{display:flex;flex-direction:column;background:var(--spw-panel-bg-secondary, var(--spw-color-surface-panel, var(--spw-color-surface-card)));border:1px solid var(--spw-divider-secondary, var(--spw-color-global-border-default));border-radius:8px;overflow:hidden;min-height:0;position:relative;--spw-panel-bg: var(--spw-panel-bg-secondary, var(--spw-color-surface-panel, var(--spw-color-surface-card)));--spw-panel-border: var(--spw-divider-secondary, var(--spw-color-global-border-default));--spw-panel-header-bg: var(--spw-panel-header-bg-secondary, var(--spw-color-surface-panel-header, rgba(0, 0, 0, .24)));--spw-panel-header-height: var(--spw-panel-header-secondary, 30px);container-type:inline-size;container-name:spw-inspector}@container spw-inspector (max-width: 340px){.inspector-tabs,.spw-ui-inspector-tabs{padding:0 4px}.inspector-tab,.spw-ui-inspector-tab{font-size:.62rem;padding:4px 6px}}@container spw-editor (max-width: 560px){.line-numbers,.spw-ui-editor-line-numbers{width:max(32px,3ch)}.spw-editor,.spw-ui-editor{padding:6px}}.secondary-panel .panel-title,.spw-ui-panel--secondary .panel-title,.spw-ui-panel--secondary .spw-ui-panel-title{color:var(--spw-color-global-foreground-muted)}.split-pane,.spw-ui-split-pane{display:grid;grid-template-columns:minmax(520px,1fr) 6px minmax(320px,.75fr);height:100%;min-height:0;overflow:hidden}.resize-handle,.spw-ui-resize-handle{background:var(--spw-color-global-border-default);cursor:col-resize;transition:background var(--spw-motion-transition-fast)}.resize-handle:hover,.spw-ui-resize-handle:hover{background:var(--spw-color-global-accent-primary)}.stat-grid,.spw-ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spw-space-scale-md)}.stat-card,.spw-ui-stat-card{background:#0000004d;border:1px solid var(--spw-color-global-border-default);border-radius:8px;padding:var(--spw-space-scale-lg);transition:all var(--spw-motion-transition-fast);cursor:default}.stat-card:hover,.stat-card:focus,.spw-ui-stat-card:hover,.spw-ui-stat-card:focus{border-color:var(--spw-color-global-border-focus);transform:translateY(-2px);box-shadow:var(--spw-shadow-glow-primary)}.stat-value,.spw-ui-stat-value{font-family:var(--spw-font-family-mono);font-size:2rem;font-weight:700;color:var(--spw-color-global-accent-primary);line-height:1;margin-bottom:var(--spw-space-scale-sm)}.stat-label,.spw-ui-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--spw-color-global-foreground-muted);margin-bottom:var(--spw-space-scale-md)}.stat-bar,.spw-ui-stat-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.stat-bar-fill,.spw-ui-stat-bar-fill{height:100%;width:var(--fill-percent, 0%);background:linear-gradient(90deg,var(--spw-color-global-accent-primary),var(--spw-color-global-accent-secondary));border-radius:2px;animation:bar-fill 1s ease-out forwards;transform-origin:left}.stat-trend,.spw-ui-stat-trend{font-family:var(--spw-font-family-mono);font-size:.8rem;font-weight:600}.stat-trend.up,.spw-ui-stat-trend.up{color:var(--spw-color-status-success)}.stat-trend.down,.spw-ui-stat-trend.down{color:var(--spw-color-status-danger)}.stat-indicator,.spw-ui-stat-indicator{display:flex;gap:var(--spw-space-scale-xs)}.dot,.spw-ui-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.dot.active,.spw-ui-dot.active{background:var(--spw-color-global-accent-primary);animation:dot-pulse 1.5s ease-in-out infinite}.dot.active:nth-child(2),.spw-ui-dot.active:nth-child(2){animation-delay:.2s}.dot.active:nth-child(3){animation-delay:.4s}.stat-badge{display:inline-block;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.stat-badge.warning{background:#fa03;color:var(--spw-color-status-warning);border:1px solid rgba(255,170,0,.3)}.metrics-display{display:flex;flex-direction:column;gap:var(--spw-space-scale-lg)}.metric-row{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:var(--spw-space-scale-md)}.metric-label{font-family:var(--spw-font-family-mono);font-size:.8rem;color:var(--spw-color-global-foreground-secondary)}.metric-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.metric-fill{height:100%;width:var(--fill, 0%);border-radius:4px;position:relative;animation:metric-animate 1.5s ease-out forwards}.metric-fill.cpu{background:linear-gradient(90deg,var(--spw-color-status-success),var(--spw-color-status-warning))}.metric-fill.memory{background:linear-gradient(90deg,var(--spw-color-global-accent-secondary),var(--spw-color-global-accent-tertiary))}.metric-fill.network{background:linear-gradient(90deg,var(--spw-color-global-accent-primary),var(--spw-color-global-accent-secondary))}.metric-fill.storage{background:linear-gradient(90deg,var(--spw-color-status-warning),var(--spw-color-status-danger))}.metric-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.metric-value{font-family:var(--spw-font-family-mono);font-size:.9rem;font-weight:600;color:var(--spw-color-global-foreground-primary);text-align:right}.timing-metrics{display:flex;gap:var(--spw-space-scale-lg);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);margin:0;background:transparent;border-radius:0}.timing-metric{display:flex;flex-direction:column;align-items:center;gap:1px}.timing-metric .metric-label{font-family:var(--spw-font-family-mono);font-size:.55rem;font-weight:500;color:var(--spw-color-global-foreground-muted);text-transform:uppercase;letter-spacing:.05em}.timing-metric .metric-value{font-size:.8rem;font-family:var(--spw-font-family-mono);font-weight:600;color:var(--spw-color-global-accent-primary)}.coverage-summary{display:flex;align-items:center;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-sm);margin-bottom:var(--spw-space-scale-sm);background:var(--spw-color-surface-card);border-radius:4px}.coverage-bar{flex:1;height:8px;background:#00ffaa1a;border-radius:4px;overflow:hidden}.coverage-fill{height:100%;background:linear-gradient(90deg,var(--spw-color-global-accent-primary),var(--spw-color-global-accent-secondary));border-radius:4px;transition:width var(--spw-motion-transition-normal)}.coverage-text{font-size:.75rem;color:var(--spw-color-global-foreground-secondary);white-space:nowrap}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--spw-space-scale-xl);color:var(--spw-color-global-foreground-muted);font-style:italic}@container spw-editor (max-width: 480px){.panel-header,.spw-ui-panel-header{padding:var(--spw-space-scale-sm) var(--spw-space-scale-md)}.panel-title,.spw-ui-panel-title{font-size:.75rem}.panel-actions,.spw-ui-panel-actions{gap:var(--spw-space-scale-xs)}.sample-select{max-width:80px;font-size:.7rem}}@container spw-editor (max-width: 320px){.panel-metrics,.spw-ui-panel-metrics,.spw-ui-region-chip,.line-numbers,.spw-ui-editor-line-numbers{display:none}}@container spw-inspector (max-width: 400px){.spw-ui-panel-header--compact{padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm)}.panel-title,.spw-ui-panel-title{font-size:.7rem}.spw-ui-region-chip{width:8px;height:8px}}@container spw-inspector (max-width: 320px){.spw-ui-region-chip{display:none}}[data-region-label=true]{font-size:var(--state-component-label-font-size, 1.125rem);font-weight:700;letter-spacing:.025em;color:var(--spw-color-global-foreground-primary);text-transform:none;font-family:var(--spw-font-family-default)}.panel-title[data-region-label=true],.spw-ui-panel-title[data-region-label=true]{font-size:1rem;font-weight:600;text-transform:none;letter-spacing:normal;font-family:var(--spw-font-family-default);color:var(--spw-color-global-foreground-primary)}[data-region-state]{transition:all var(--spw-motion-transition-normal)}[data-region-state=active]{opacity:1;filter:none}[data-region-state=inactive]{opacity:.65;filter:grayscale(.2)}[data-region-state=focus]{box-shadow:inset 0 0 0 2px var(--spw-color-global-accent-primary),0 0 12px #0fa3;border-radius:8px}[data-region-state=disabled]{opacity:.35;filter:grayscale(.8) blur(.5px);pointer-events:none;cursor:not-allowed}.panel-header[data-region-state],.spw-ui-panel-header[data-region-state]{background:var(--spw-color-surface-panel-header, rgba(0, 255, 170, .02))}.panel-header[data-region-state=focus],.spw-ui-panel-header[data-region-state=focus]{background:#00ffaa0d;border-bottom-color:var(--spw-color-global-accent-primary);border-bottom-width:2px}.spw-ui-region-chip[data-region-state=inactive]{opacity:.4}.spw-ui-region-chip[data-region-state=focus]{box-shadow:0 0 0 2px #00000080,0 0 12px var(--spw-region-border, var(--spw-color-global-accent-primary));animation:chip-pulse-focus .5s ease-out}@keyframes chip-pulse-focus{0%{transform:scale(.8);opacity:.6}to{transform:scale(1);opacity:1}}[data-region-meta]{font-size:var(--state-component-meta-font-size, .75rem);color:var(--spw-color-global-foreground-tertiary);opacity:.75}.panel,.spw-ui-panel{position:relative;transition:box-shadow var(--spw-motion-transition-normal),border-color var(--spw-motion-transition-normal)}.panel:hover,.spw-ui-panel:hover{border-color:var(--spw-region-border, var(--spw-color-global-border-default));box-shadow:0 14px 30px #00000059,inset 0 0 0 1px #00ffaa1a}.panel:focus-within,.spw-ui-panel:focus-within{border-color:var(--spw-color-global-accent-primary);box-shadow:0 14px 30px #00000059,inset 0 0 0 2px var(--spw-color-global-accent-primary)}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--spw-color-global-border-default);border-radius:4px;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.icon-btn:hover{background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.expand-icon{width:12px;height:12px;border:2px solid currentColor;border-radius:2px}.shortcut{margin-left:auto;padding:2px 6px;font-size:.65rem;background:#ffffff0d;border:1px solid var(--spw-color-global-border-default);border-radius:3px;color:var(--spw-color-global-foreground-muted)}.sample-select{background:var(--spw-color-global-background-base);border:1px solid var(--spw-color-global-border-default);border-radius:4px;color:var(--spw-color-global-foreground-primary);font-family:var(--spw-font-family-mono);font-size:.75rem;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);cursor:pointer}.sample-select:focus{outline:none;border-color:var(--spw-color-global-accent-primary)}.alert-list{list-style:none;display:flex;flex-direction:column;gap:var(--spw-space-scale-sm)}.alert-item{display:flex;align-items:flex-start;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-md);border-radius:6px;border-left:3px solid;background:#0003;animation:alert-slide-in .3s ease-out}.alert-item.warning{border-color:var(--spw-color-status-warning);background:#ffaa000d}.alert-item.info{border-color:var(--spw-color-global-accent-secondary);background:#00d4ff0d}.alert-item.success{border-color:var(--spw-color-status-success);background:#00ff880d}.alert-item.error{border-color:var(--spw-color-status-danger);background:#ff47570d}.alert-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0}.alert-item.warning .alert-icon{background:var(--spw-color-status-warning)}.alert-item.info .alert-icon{background:var(--spw-color-global-accent-secondary)}.alert-item.success .alert-icon{background:var(--spw-color-status-success)}.alert-item.error .alert-icon{background:var(--spw-color-status-danger)}.alert-content{flex:1;display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.alert-title{font-size:.875rem;color:var(--spw-color-global-foreground-primary)}.alert-time{font-size:.75rem;color:var(--spw-color-global-foreground-muted)}.alert-dismiss{width:24px;height:24px;display:grid;place-items:center;background:transparent;border:none;color:var(--spw-color-global-foreground-muted);cursor:pointer;font-size:1.2rem;line-height:1;border-radius:4px;transition:all var(--spw-motion-transition-fast)}.alert-dismiss:hover{background:#ffffff1a;color:var(--spw-color-global-foreground-primary)}.system-list{list-style:none;display:flex;flex-direction:column;gap:var(--spw-space-scale-sm)}.system-item{display:flex;align-items:center;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-md);background:#0003;border:1px solid var(--spw-color-global-border-default);border-radius:6px;transition:all var(--spw-motion-transition-fast)}.system-item:hover,.system-item:focus{background:#00ffaa0d;border-color:var(--spw-color-global-border-focus)}.system-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.system-item.online .system-status{background:var(--spw-color-status-success);box-shadow:0 0 8px var(--spw-color-status-success)}.system-item.warning .system-status{background:var(--spw-color-status-warning);box-shadow:0 0 8px var(--spw-color-status-warning);animation:warning-pulse 1s ease-in-out infinite}.system-item.offline .system-status{background:var(--spw-color-status-danger)}.system-name{font-family:var(--spw-font-family-mono);font-size:.875rem;color:var(--spw-color-global-foreground-primary);flex:1}.system-ping{font-family:var(--spw-font-family-mono);font-size:.75rem;color:var(--spw-color-global-foreground-secondary);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:#0000004d;border-radius:4px}.spw-app-header,.hud-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spw-space-scale-md) var(--spw-space-scale-xl);background:var(--spw-color-surface-header, var(--spw-color-surface-card));border-bottom:1px solid var(--spw-color-global-border-default);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;container-type:inline-size;container-name:spw-header}.spw-app-logo,.hud-logo{display:flex;align-items:center;gap:var(--spw-space-scale-sm)}.logo-icon{width:32px;height:32px;background:var(--spw-color-global-accent-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:logo-pulse 3s ease-in-out infinite}.spw-app-logo h1,.hud-logo h1{font-family:var(--spw-font-family-mono);font-size:1.25rem;font-weight:700;letter-spacing:.1em;color:var(--spw-color-global-accent-primary);text-shadow:var(--spw-shadow-glow-primary)}.spw-app-nav .nav-list,.hud-nav .nav-list{display:flex;gap:var(--spw-space-scale-xs);list-style:none}.nav-link{display:block;padding:var(--spw-space-scale-sm) var(--spw-space-scale-md);font-family:var(--spw-font-family-mono);font-size:.875rem;font-weight:500;color:var(--spw-color-global-foreground-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;border-radius:4px;transition:all var(--spw-motion-transition-fast);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--spw-color-global-accent-primary);transition:all var(--spw-motion-transition-normal);transform:translate(-50%)}.nav-link:hover{color:var(--spw-color-global-foreground-primary);background:#00ffaa0d}.nav-link:hover:before{width:80%}.nav-link.active{color:var(--spw-color-global-accent-primary);border-color:var(--spw-color-global-border-default);background:#00ffaa1a}.nav-link.active:before{width:100%}.spw-app-disclosure-presets,.hud-disclosure-presets{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:0 var(--spw-space-scale-sm)}.disclosure-label{font-family:var(--spw-font-family-mono);font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--spw-color-global-foreground-muted)}.disclosure-preset-group{display:flex;align-items:center;gap:4px;padding:2px;border-radius:6px;border:1px solid var(--spw-color-global-border-default);background:color-mix(in srgb,var(--spw-color-surface-panel, rgba(0, 0, 0, .2)) 60%,transparent);box-shadow:inset 0 0 0 1px #00000026}.disclosure-preset{border:1px solid transparent;background:transparent;color:var(--spw-color-global-foreground-secondary);font-family:var(--spw-font-family-mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all var(--spw-motion-transition-fast)}.disclosure-preset:hover{color:var(--spw-color-global-foreground-primary);border-color:color-mix(in srgb,var(--spw-disclosure-accent, var(--spw-color-global-accent-primary)) 45%,transparent);background:color-mix(in srgb,var(--spw-disclosure-accent, var(--spw-color-global-accent-primary)) 12%,transparent)}.disclosure-preset:focus-visible{outline:2px solid var(--spw-disclosure-accent, var(--spw-color-global-accent-primary));outline-offset:2px}.disclosure-preset[aria-pressed=true],.disclosure-preset[data-active=true]{color:var(--spw-disclosure-accent, var(--spw-color-global-accent-primary));border-color:var(--spw-disclosure-accent, var(--spw-color-global-accent-primary));background:color-mix(in srgb,var(--spw-disclosure-accent, var(--spw-color-global-accent-primary)) 18%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--spw-disclosure-accent, var(--spw-color-global-accent-primary)) 45%,transparent)}.disclosure-preset[data-disclosure-control=beginner]{--spw-disclosure-accent: var(--spw-disclosure-accent-beginner, var(--spw-color-context-visual))}.disclosure-preset[data-disclosure-control=intermediate]{--spw-disclosure-accent: var(--spw-disclosure-accent-intermediate, var(--spw-color-context-pedagogical))}.disclosure-preset[data-disclosure-control=advanced]{--spw-disclosure-accent: var(--spw-disclosure-accent-advanced, var(--spw-color-context-diagnostic))}.disclosure-preset[data-disclosure-control=expert]{--spw-disclosure-accent: var(--spw-disclosure-accent-expert, var(--spw-color-context-performance))}.spw-app-status,.hud-status{display:flex;align-items:center;gap:var(--spw-space-scale-sm)}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--spw-color-global-foreground-muted);position:relative}.status-indicator.online{background:var(--spw-color-status-success);animation:status-blink 2s ease-in-out infinite}.status-indicator.online:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--spw-color-status-success);animation:status-ring 2s ease-out infinite}.status-text{font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--spw-color-status-success)}.spw-app-mode-indicator,.hud-mode-indicator{display:flex;align-items:center;gap:var(--spw-space-scale-sm)}.mode-badge{width:24px;height:24px;display:grid;place-items:center;font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:700;border-radius:4px;background:var(--spw-mode-color, var(--spw-color-global-accent-primary));color:var(--spw-color-global-background-base)}.mode-label{font-family:var(--spw-font-family-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--spw-mode-color, var(--spw-color-global-accent-primary));text-transform:uppercase}@container spw-header (max-width: 600px){.spw-app-logo h1,.hud-logo h1{font-size:1rem;letter-spacing:.05em}.logo-icon{width:24px;height:24px}.mode-label,.status-text,.disclosure-label{display:none}.disclosure-preset{padding:3px 6px;font-size:.55rem}}@container spw-header (max-width: 400px){.spw-app-logo h1,.hud-logo h1{font-size:0;width:0;overflow:hidden}.spw-app-header,.hud-header{padding:var(--spw-space-scale-sm) var(--spw-space-scale-md)}.mode-badge{width:20px;height:20px;font-size:.65rem}}.spw-app-sidebar,.hud-sidebar{background:var(--spw-color-surface-sidebar-collapsed, var(--spw-color-surface-sidebar, var(--spw-color-surface-card)));border:1px solid var(--spw-color-global-border-default);border-color:var(--spw-panel-border, var(--spw-region-border, var(--spw-color-global-border-default)));border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden;min-height:0}.spw-app-sidebar:not([data-expanded=true]),.hud-sidebar:not([data-expanded=true]){border-color:color-mix(in srgb,var(--spw-panel-border, var(--spw-color-global-border-default)) 40%,var(--spw-divider-secondary, var(--spw-color-global-border-default)) 60%)}.spw-app-sidebar-header{padding-left:var(--spw-space-scale-sm);padding-right:var(--spw-space-scale-sm)}.spw-app-sidebar-body{flex:1;min-height:0;padding:var(--spw-space-scale-sm)}.spw-app-sidebar-body spw-sidebar{display:block;height:100%;width:100%;min-width:0}.spw-app-sidebar .sidebar-section,.hud-sidebar .sidebar-section{margin:0}.section-title{display:none}.action-list{list-style:none;display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;height:48px;padding:var(--spw-space-scale-xs);background:transparent;border:1px solid transparent;border-radius:6px;font-family:var(--spw-font-family-mono);font-size:.7rem;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast);position:relative;overflow:hidden}.action-btn .btn-label{display:none}.action-btn:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--spw-component-lod-accent, var(--spw-color-global-accent-primary));transform:scaleY(0);transition:transform var(--spw-motion-transition-fast)}.action-btn:hover{background:color-mix(in srgb,var(--spw-component-lod-accent, #00ffaa) 8%,transparent);border-color:color-mix(in srgb,var(--spw-component-lod-accent, #00ffaa) 35%,transparent);color:var(--spw-color-global-foreground-primary);transform:translate(2px)}.action-btn:hover:before{transform:scaleY(1)}.action-btn:active{transform:translate(2px) scale(.98)}.btn-icon{width:18px;height:18px;background:color-mix(in srgb,var(--spw-component-lod-accent, var(--spw-color-global-accent-primary)) 18%,transparent);border-radius:3px;transition:background var(--spw-motion-transition-fast)}.action-btn:hover .btn-icon{background:var(--spw-component-lod-accent, var(--spw-color-global-accent-primary))}.scan-icon{clip-path:circle(40%)}.refresh-icon{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.export-icon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.settings-icon{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@container spw-sidebar (max-width: 72px){.spw-app-sidebar-body{padding:4px}.action-btn{width:44px;height:44px;padding:4px;font-size:.65rem}.btn-icon{width:14px;height:14px}.shortcut{display:none}}@container spw-sidebar (max-width: 56px){.spw-app-sidebar,.hud-sidebar{box-shadow:inset 0 0 0 1px #00ffaa0f}.spw-app-sidebar-body{padding:2px}.action-btn{width:36px;height:36px;padding:2px}.btn-icon{width:12px;height:12px}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:28px;padding:0;background:transparent;border:none;border-bottom:1px solid var(--spw-color-global-border-default);color:var(--spw-color-global-foreground-muted);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.sidebar-toggle:hover{background:#00ffaa14;color:var(--spw-color-global-accent-primary)}.sidebar-toggle:focus{outline:none;box-shadow:inset 0 0 0 2px var(--spw-color-global-accent-primary)}.sidebar-toggle .toggle-icon{font-size:1rem;transition:transform var(--spw-motion-transition-fast)}[data-expanded=true] .sidebar-toggle .toggle-icon{transform:rotate(180deg)}.spw-app-sidebar,.hud-sidebar{width:var(--spw-sidebar-current, var(--spw-sidebar-width-collapsed, 40px));min-width:var(--spw-sidebar-current, var(--spw-sidebar-width-collapsed, 40px));transition:width var(--spw-motion-transition-normal)}[data-expanded=true].spw-app-sidebar,[data-expanded=true].hud-sidebar{width:var(--spw-sidebar-current, var(--spw-sidebar-width-expanded, 240px));min-width:var(--spw-sidebar-current, var(--spw-sidebar-width-expanded, 240px));background:var(--spw-color-surface-sidebar, var(--spw-color-surface-card))}[data-expanded=true] .action-btn{flex-direction:row;width:100%;height:auto;padding:10px var(--spw-space-scale-md);justify-content:flex-start;align-items:center;gap:var(--spw-space-scale-md)}[data-expanded=true] .action-btn .btn-label{display:block;font-size:.8rem;font-weight:500}[data-expanded=true] .btn-icon{flex-shrink:0}[data-expanded=true] .section-title{display:block;padding:var(--spw-space-scale-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--spw-color-global-foreground-muted);border-bottom:1px solid var(--spw-color-global-border-default)}html[data-sidebar-expanded=true] .spw-app-sidebar,html[data-sidebar-expanded=true] .hud-sidebar{width:var(--spw-sidebar-current, var(--spw-sidebar-width-expanded, 240px));min-width:var(--spw-sidebar-current, var(--spw-sidebar-width-expanded, 240px));background:var(--spw-color-surface-sidebar, var(--spw-color-surface-card));box-shadow:0 0 0 1px #00ffaa14,0 8px 24px #00000059}[data-region=sidebar][data-active=true]{border-color:var(--spw-color-global-accent-primary);box-shadow:0 0 0 1px var(--spw-color-global-accent-primary),inset 0 0 12px #00ffaa14}.inspector-tabs,.spw-ui-inspector-tabs{display:flex;gap:0;border-bottom:1px solid color-mix(in srgb,var(--spw-component-lod-accent, var(--spw-color-global-border-default)) 30%,var(--spw-color-global-border-default) 70%);background:var(--spw-panel-header-bg-secondary, var(--spw-color-surface-tabs, rgba(0, 0, 0, .2)));flex-shrink:0}.inspector-tab,.spw-ui-inspector-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spw-space-scale-xs);padding:var(--spw-space-scale-sm) var(--spw-space-scale-md);min-height:var(--spw-panel-header-secondary, 30px);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--spw-font-family-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--spw-color-global-foreground-muted);cursor:pointer;transition:all var(--spw-motion-transition-fast);position:relative}.inspector-tab:hover,.spw-ui-inspector-tab:hover{color:var(--spw-color-global-foreground-primary);background:#ffffff08}.inspector-tab[aria-selected=true],.inspector-tab.active,.spw-ui-inspector-tab[aria-selected=true],.spw-ui-inspector-tab.active{--spw-tab-accent: color-mix( in srgb, var(--spw-tab-base, var(--spw-component-lod-accent, var(--spw-color-global-accent-primary))) 65%, var(--spw-component-lod-accent, var(--spw-context-accent, var(--spw-color-global-accent-primary))) 35% );color:var(--spw-tab-accent, var(--spw-color-global-accent-primary));border-bottom-color:var(--spw-tab-accent, var(--spw-color-global-accent-primary));background:color-mix(in srgb,var(--spw-tab-accent) 10%,transparent);box-shadow:inset 0 -2px 0 var(--spw-tab-accent, var(--spw-color-global-accent-primary))}.inspector-tab[data-tab=steps].active,.inspector-tab[data-tab=steps][aria-selected=true]{--spw-tab-base: var(--spw-color-global-accent-secondary)}.inspector-tab[data-tab=tokens].active,.inspector-tab[data-tab=tokens][aria-selected=true]{--spw-tab-base: var(--spw-color-global-accent-primary)}.inspector-tab[data-tab=ast].active,.inspector-tab[data-tab=ast][aria-selected=true]{--spw-tab-base: var(--spw-color-global-accent-tertiary)}.inspector-tab[data-tab=flow].active,.inspector-tab[data-tab=flow][aria-selected=true]{--spw-tab-base: var(--spw-color-status-warning)}.tab-key,.spw-ui-inspector-tab-key{padding:2px 5px;font-size:.6rem;background:#ffffff0d;border:1px solid var(--spw-color-global-border-default);border-radius:3px;color:var(--spw-color-global-foreground-muted)}.inspector-tab.active .tab-key,.inspector-tab.active .spw-ui-inspector-tab-key,.inspector-tab[aria-selected=true] .tab-key,.inspector-tab[aria-selected=true] .spw-ui-inspector-tab-key,.spw-ui-inspector-tab.active .tab-key,.spw-ui-inspector-tab.active .spw-ui-inspector-tab-key{background:color-mix(in srgb,var(--spw-tab-accent, #00ffaa) 18%,transparent);border-color:var(--spw-tab-accent, var(--spw-color-global-accent-primary));color:var(--spw-tab-accent, var(--spw-color-global-accent-primary))}.inspector-content,.spw-ui-inspector-content{flex:1;min-height:0;overflow:hidden;position:relative}.tab-panel,.spw-ui-inspector-panel{display:block;height:100%;overflow:auto}.tab-panel[hidden],.spw-ui-inspector-panel[hidden]{display:none}.tab-panel:not(.active):not([hidden]),.spw-ui-inspector-panel:not(.active):not([hidden]){display:none}.tab-panel.active,.spw-ui-inspector-panel.active{display:block}.tab-panel .ast-tree,.tab-panel .token-list,.tab-panel .spw-viz-ast-tree,.tab-panel .spw-viz-token-list,.spw-ui-inspector-panel .ast-tree,.spw-ui-inspector-panel .token-list,.spw-ui-inspector-panel .spw-viz-ast-tree,.spw-ui-inspector-panel .spw-viz-token-list{height:100%;overflow:auto;padding:var(--spw-space-scale-sm)}.properties-table,.spw-ui-properties-table{font-family:var(--spw-font-family-mono);font-size:.75rem}.properties-table table,.spw-ui-properties-table table{width:100%;border-collapse:collapse}.properties-table td,.spw-ui-properties-table td{padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);border-bottom:1px solid var(--spw-color-global-border-default)}.properties-table td:first-child,.spw-ui-properties-table td:first-child{color:var(--spw-color-global-foreground-muted);white-space:nowrap}.properties-table td:last-child,.spw-ui-properties-table td:last-child{color:var(--spw-color-global-foreground-primary);word-break:break-word}.editor-wrapper,.spw-ui-editor-wrapper{flex:1;display:flex;min-height:0;overflow:hidden}.line-numbers,.spw-ui-editor-line-numbers{flex-shrink:0;width:max(40px,4ch);padding:var(--spw-space-scale-sm) var(--spw-space-scale-xs);background:var(--spw-color-surface-rail, rgba(0, 0, 0, .2));border-right:1px solid color-mix(in srgb,var(--spw-component-lod-accent, var(--spw-color-global-border-default)) 35%,var(--spw-color-global-border-default) 65%);font-family:var(--spw-font-family-mono);font-size:var(--spw-font-size-code, .875rem);line-height:var(--spw-editor-line-height, 1.5);color:color-mix(in srgb,var(--spw-component-lod-accent, var(--spw-color-global-foreground-muted)) 35%,var(--spw-color-global-foreground-muted) 65%);text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden}.editor-container,.spw-ui-editor-container{display:flex;flex:1;min-width:0;min-height:0;position:relative;--spw-editor-caret: var(--spw-component-lod-accent, var(--spw-context-accent, var(--spw-color-context-visual)));--spw-editor-line: color-mix(in srgb, var(--spw-editor-caret, #4fb2ff) 22%, transparent)}.editor-container .spw-editor,.editor-container .spw-ui-editor,.spw-ui-editor-container .spw-editor,.spw-ui-editor-container .spw-ui-editor{position:relative;z-index:1;background:transparent;caret-color:var(--spw-editor-caret)}.editor-container spw-editor-highlight,.editor-container .spw-ui-editor-highlight,.spw-ui-editor-container spw-editor-highlight,.spw-ui-editor-container .spw-ui-editor-highlight{position:absolute;inset:0;z-index:0;pointer-events:none}.spw-editor,.spw-ui-editor{flex:1;padding:var(--spw-space-scale-sm);background:transparent;border:none;font-family:var(--spw-font-family-mono);font-size:var(--spw-font-size-code, .875rem);line-height:var(--spw-editor-line-height, 1.5);white-space:var(--spw-editor-white-space, pre-wrap);overflow-wrap:var(--spw-editor-overflow-wrap, break-word);color:var(--spw-color-global-foreground-primary);resize:none;overflow:auto}.spw-editor:focus,.spw-ui-editor:focus{outline:none;background:color-mix(in srgb,var(--spw-editor-caret, #00ffaa) 6%,transparent)}html[data-activation-context] .editor-container:before,html[data-activation-context] .spw-ui-editor-container:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%),repeating-linear-gradient(0deg,transparent,transparent 22px,var(--spw-editor-line) 23px),var(--spw-context-texture, none);background-size:auto,auto,var(--spw-context-texture-size, auto);opacity:var(--spw-panel-texture-opacity, .12);mix-blend-mode:soft-light}.spw-editor::placeholder,.spw-ui-editor::placeholder{color:var(--spw-color-global-foreground-muted)}.spw-editor.full-width,.spw-ui-editor.full-width{width:100%;height:200px;border:1px solid var(--spw-color-global-border-default);border-radius:4px;padding:var(--spw-space-scale-md);resize:vertical;transition:border-color var(--spw-motion-transition-fast)}.spw-editor.full-width:focus,.spw-ui-editor.full-width:focus{border-color:var(--spw-color-global-accent-primary);box-shadow:var(--spw-shadow-glow-primary)}.editor-errors,.spw-ui-editor-errors{display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.error-item,.spw-ui-editor-error{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:#ff47571a;border-left:2px solid var(--spw-color-status-danger);border-radius:2px;font-size:.75rem}.error-icon,.spw-ui-editor-error-icon{color:var(--spw-color-status-danger);font-weight:700}.error-message,.spw-ui-editor-error-message{flex:1;color:var(--spw-color-global-foreground-primary)}.error-pos,.spw-ui-editor-error-pos{color:var(--spw-color-global-foreground-muted);font-family:var(--spw-font-family-mono)}.parse-icon,.spw-ui-editor-parse-icon{color:var(--spw-color-global-accent-primary)}@property --modal-context-hue{syntax: "<number>"; inherits: true; initial-value: 200;}@property --modal-context-saturation{syntax: "<percentage>"; inherits: true; initial-value: 70%;}@property --modal-context-lightness{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.keybinding-geology{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#00000059;background:color-mix(in srgb,rgba(0,0,0,.35) 65%,var(--spw-context-soft, rgba(0, 0, 0, .2)));border:1px solid rgba(79,178,255,.3);border:1px solid color-mix(in srgb,var(--spw-context-accent, #4fb2ff) 45%,transparent);border-radius:0;font-size:.8125rem;line-height:1.4;height:100%;overflow-y:auto;overflow-x:hidden;--modal-context-hue: var(--spw-context-hue, 200);--modal-context-saturation: var(--spw-context-saturation, 70%);--modal-context-lightness: var(--spw-context-lightness, 50%);--geology-layer-base: hsl(var(--modal-context-hue), 60%, 48%);--geology-layer-activation: hsl(calc(var(--modal-context-hue) + 30), 55%, 52%);--geology-layer-operator: hsl(calc(var(--modal-context-hue) - 20), 65%, 50%);--geology-walkthrough-beginner: hsl(var(--modal-context-hue), 50%, 62%);--geology-walkthrough-intermediate: hsl(calc(var(--modal-context-hue) + 40), 45%, 58%);--geology-walkthrough-advanced: hsl(calc(var(--modal-context-hue) - 30), 48%, 60%);transition:--modal-context-hue .4s cubic-bezier(.22,1,.36,1),background-color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1);color:var(--spw-color-global-foreground-primary);--color-text-primary: var(--spw-color-global-foreground-primary);--color-text-secondary: var(--spw-color-global-foreground-secondary);--color-border: var(--spw-color-global-border-default);--color-accent: var(--spw-context-accent, var(--spw-color-global-accent-secondary));--color-surface-secondary: rgba(255, 255, 255, .06);--color-surface-tertiary: rgba(255, 255, 255, .1)}.geology-header{border-bottom:1px solid var(--color-border, #e0e0e0);padding-bottom:.5rem;margin-bottom:.5rem}.geology-section{display:flex;flex-direction:column;gap:.35rem}.geology-section-title{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary, #666);opacity:.8}.geology-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.geology-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #000);opacity:.9}.geology-actions{display:flex;gap:.5rem;align-items:center}.geology-action-btn{padding:.2rem .4rem;border:1px solid var(--color-border, #d0d0d0);border-radius:3px;background:transparent;color:var(--color-text-secondary, #666);font-size:.65rem;font-weight:500;cursor:pointer;transition:all .15s ease;opacity:.8}.geology-action-btn:hover{opacity:1;background:var(--color-surface-secondary, rgba(255, 255, 255, .05))}.geology-action-btn:hover{border-color:var(--color-accent, #007acc)}.geology-action-btn:focus-visible{outline:2px solid var(--color-accent, #007acc);outline-offset:2px}.geology-context-label{margin:0;font-size:.75rem;color:var(--color-text-secondary, #666);opacity:.85}.geology-mode-label{margin:.2rem 0 0;font-size:.75rem;color:var(--color-text-secondary, #666);opacity:.85}.geology-active-element{margin:.2rem 0 0;font-size:.7rem;color:var(--color-text-secondary, #999);opacity:.5}.geology-capture-label{margin:.2rem 0 0;font-size:.7rem;color:var(--color-text-secondary, #999);opacity:.7}.capture-name{font-weight:700;font-family:Monaco,Courier New,monospace;color:hsl(var(--modal-context-hue),var(--modal-context-saturation),60%)}.capture-name[data-capture=typing]{color:#f2cc5a}.capture-name[data-capture=dialog]{color:#e46767}.capture-hint{margin-left:.35rem;opacity:.8}.geology-active-element-value{font-weight:600;color:var(--color-accent, #007acc)}.geology-callout{margin-top:.5rem;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--color-border, #d0d0d0);background:#00000026}.geology-callout[data-kind=next]{border-color:hsl(var(--modal-context-hue),60%,45%);background:#0003}.callout-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, #888);margin-bottom:.25rem}.callout-text{font-size:.75rem;color:var(--color-text-primary, #fff)}.callout-keys{margin-top:.35rem;display:flex;gap:.35rem;flex-wrap:wrap}.callout-key{padding:2px 6px;border-radius:4px;background:#ffffff14;border:1px solid var(--color-border, #d0d0d0);font-size:.65rem;font-weight:600;color:var(--color-text-primary, #fff)}.context-name{font-weight:500;color:var(--color-accent, #007acc);font-family:Monaco,Courier New,monospace}.mode-name{font-weight:500;color:var(--color-text-primary, #000);font-family:Monaco,Courier New,monospace}.geology-context-toggle{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:var(--color-surface-tertiary, #fafafa);border-radius:4px}.geology-context-secondary{margin-top:.35rem;background:transparent;padding:0;gap:.35rem}.geology-context-secondary .context-toggle-btn{flex:0 1 auto;min-width:58px;padding:.35rem .4rem;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.context-toggle-btn[data-context=visual-semantic]{--context-chip-accent: var(--spw-color-context-visual, #4fb2ff)}.context-toggle-btn[data-context=editing-semantic]{--context-chip-accent: var(--spw-color-context-editing, #ffb347)}.context-toggle-btn[data-context=reporting]{--context-chip-accent: var(--spw-color-context-reporting, #4fd6ff)}.context-toggle-btn[data-context=debug]{--context-chip-accent: var(--spw-color-context-debug, #ff5a7a)}.context-toggle-btn[data-context=design]{--context-chip-accent: var(--spw-color-context-design, #c07cff)}.context-toggle-btn[data-context=diagnostic]{--context-chip-accent: var(--spw-color-context-diagnostic, #54e2b3)}.context-toggle-btn[data-context=pedagogical]{--context-chip-accent: var(--spw-color-context-pedagogical, #ffbf5f)}.context-toggle-btn[data-context=performance]{--context-chip-accent: var(--spw-color-context-performance, #ff77c6)}.context-toggle-btn[data-context=structural]{--context-chip-accent: var(--spw-color-context-structural, #4bd27d)}.context-toggle-btn[data-disclosure=beginner]{--context-chip-accent: color-mix(in srgb, var(--spw-context-accent, #4fb2ff) 22%, #ffffff 78%)}.context-toggle-btn[data-disclosure=intermediate]{--context-chip-accent: color-mix(in srgb, var(--spw-context-accent, #4fb2ff) 30%, #ffffff 70%)}.context-toggle-btn[data-disclosure=advanced]{--context-chip-accent: color-mix(in srgb, var(--spw-context-accent, #4fb2ff) 38%, #ffffff 62%)}.context-toggle-btn[data-disclosure=expert]{--context-chip-accent: color-mix(in srgb, var(--spw-context-accent, #4fb2ff) 46%, #ffffff 54%)}.context-toggle-btn[data-action=lod-fine]{--context-chip-accent: var(--spw-lod-accent-fine, #5fd1ff)}.context-toggle-btn[data-action=lod-medium]{--context-chip-accent: var(--spw-lod-accent-medium, #7cffc0)}.context-toggle-btn[data-action=lod-coarse]{--context-chip-accent: var(--spw-lod-accent-coarse, #ffd166)}.geology-echo{padding:.5rem .75rem;border-radius:6px;background:var(--color-surface-secondary, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .08))}.geology-echo-path{font-size:.7rem;color:var(--color-text-secondary, #bbb);letter-spacing:.02em;word-break:break-word}.context-toggle-btn{flex:1;padding:.5rem;border:1px solid color-mix(in srgb,var(--context-chip-accent, var(--color-border, #d0d0d0)) 40%,var(--color-border, #d0d0d0) 60%);border-radius:4px;background:color-mix(in srgb,var(--context-chip-accent, transparent) 6%,var(--color-surface-secondary, #fff));color:var(--context-chip-accent, var(--color-text-primary, #333));font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),transform .15s ease}.context-toggle-btn:hover{background:color-mix(in srgb,var(--context-chip-accent, transparent) 12%,var(--color-surface-tertiary, #f5f5f5));border-color:var(--context-chip-accent, var(--color-accent, #007acc))}.context-toggle-btn.active{background:color-mix(in srgb,var(--context-chip-accent, #4fb2ff) 35%,rgba(0,0,0,.6));color:#fff;border-color:var(--context-chip-accent, #4fb2ff);box-shadow:0 0 12px color-mix(in srgb,var(--context-chip-accent, #4fb2ff) 50%,transparent)}.context-toggle-btn[data-shortcut]:after{content:attr(data-shortcut);display:block;margin-top:.2rem;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.context-toggle-btn:focus-visible{outline:2px solid var(--color-accent, #007acc);outline-offset:2px}.geology-layer-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.geology-disclosure-toggle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.section-hint{margin-left:auto;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.geology-region-jumps{display:flex;flex-direction:column;gap:.35rem}.geology-region-jumps .availability-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.region-jump-btn{padding:.35rem .4rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geology-layer-toggle .context-toggle-btn{padding:.35rem .25rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geology-layer-key{display:flex;flex-direction:column;gap:.35rem}.layer-key-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #666)}.layer-key-grid{display:flex;flex-direction:column;gap:.25rem}.layer-key-item{display:flex;align-items:center;gap:.35rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary, #000)}.layer-key-mark{display:inline-flex;align-items:center;justify-content:center;min-width:2.4em;font-size:.7rem;padding:0 4px;border-radius:4px;border:1px solid var(--color-border, #d0d0d0);color:var(--color-text-primary, #000)}.layer-key-item[data-lod=fine] .layer-key-mark{border-style:solid;border-color:var(--spw-lod-accent-fine, #5fd1ff)}.layer-key-item[data-lod=medium] .layer-key-mark{border-style:solid;border-color:var(--spw-lod-accent-medium, #7cffc0)}.layer-key-item[data-lod=coarse] .layer-key-mark{border-style:solid;border-color:var(--spw-lod-accent-coarse, #ffd166)}.geology-layers{display:flex;flex-direction:column;gap:.75rem}.geology-layer{border-left:3px solid var(--color-accent, #007acc);padding-left:.75rem;transition:border-color .4s cubic-bezier(.22,1,.36,1)}.geology-layer[data-layer="0"]{border-color:var(--geology-layer-base)}.geology-layer[data-layer="2"]{border-color:var(--geology-layer-activation)}.geology-layer[data-layer="1"]{border-color:var(--geology-layer-operator)}.keybinding-geology[data-walkthrough-step="0"] .walkthrough-shell{border-color:var(--geology-walkthrough-beginner)}.keybinding-geology[data-walkthrough-step="1"] .walkthrough-shell,.keybinding-geology[data-walkthrough-step="2"] .walkthrough-shell{border-color:var(--geology-walkthrough-intermediate)}.keybinding-geology[data-walkthrough-step="3"] .walkthrough-shell{border-color:var(--geology-walkthrough-advanced)}.keybinding-geology[data-plan-running=false] .geology-walkthrough{opacity:.5;transform:scale(.98)}.layer-name{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #000);text-transform:uppercase;letter-spacing:.5px;opacity:1;transition:opacity .3s ease}.geology-layer[data-layer="0"] .layer-name{opacity:1;font-weight:700}.geology-layer[data-layer="1"] .layer-name{opacity:.85}.geology-layer[data-layer="2"] .layer-name{opacity:.75}.geology-layer[data-layer="3"] .layer-name{opacity:.65}.geology-layer[data-layer="4"] .layer-name{opacity:.55}.geology-layer[data-layer="5"] .layer-name{opacity:.45}.layer-toggle{background:none;border:none;padding:0;text-align:left;cursor:pointer;width:100%;display:flex;align-items:center;gap:.5rem}.layer-toggle:focus-visible{outline:2px solid var(--color-accent, #007acc);outline-offset:2px;border-radius:4px}.layer-caret{opacity:.7}.layer-bindings{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.binding-item{appearance:none;display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-surface-secondary, #fff);border:1px solid var(--color-border, #d0d0d0);border-radius:4px;cursor:pointer;transition:all .15s ease;font-size:.75rem;text-align:left;width:100%;font:inherit}.binding-item[data-binding-state=dormant]{opacity:.5;cursor:help;transform:none}.binding-item[data-binding-state=dormant]:hover{transform:none;border-color:var(--color-border, #d0d0d0);background:var(--color-surface-secondary, #fff)}.binding-item:hover{background:var(--color-surface-tertiary, #f9f9f9);border-color:var(--color-accent, #007acc);transform:translateY(-2px)}.binding-item.key-echo{border-color:var(--color-accent, #00d4ff);box-shadow:0 0 0 2px #00d4ff33;background:#00d4ff1f}.binding-item.selected{background:var(--color-accent, #007acc);color:#fff;border-color:var(--color-accent, #007acc);opacity:1}.binding-item:focus-visible{outline:2px solid var(--color-accent, #007acc);outline-offset:2px}.keybinding-geology[data-key-capture=typing] .binding-item[data-escape-hatch=true]{opacity:1;border-color:#f2cc5a;box-shadow:0 0 10px #f2cc5a59}.availability-tag{display:inline-block;font-weight:700;font-family:Monaco,Courier New,monospace;font-size:.75rem;margin-right:.35rem;color:var(--color-text-primary, #000)}.availability-tag.availability-dormant{color:var(--color-text-secondary, #666)}.availability-reason{opacity:.85}.binding-keys{font-family:Monaco,Courier New,monospace;font-weight:600;font-size:.8125rem;line-height:1.3}.binding-meaning{font-size:.6875rem;opacity:.7;text-transform:uppercase;letter-spacing:.3px}.binding-item.selected .binding-meaning{opacity:.9}.geology-info{padding:.75rem;background:var(--color-surface-tertiary, #fafafa);border:1px solid var(--color-border, #e0e0e0);border-radius:4px;min-height:60px;transition:opacity .2s ease}.info-placeholder{margin:0;text-align:center;color:var(--color-text-secondary, #999);font-size:.75rem;font-style:italic;opacity:.4}.binding-detail{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}.binding-detail>div{display:flex;flex-direction:column;gap:.25rem}.binding-detail strong{font-weight:600;color:var(--color-text-primary, #000);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;opacity:.8}.binding-detail code{font-family:Monaco,Courier New,monospace;background:var(--color-surface-secondary, #fff);padding:.25rem .5rem;border-radius:3px;font-size:.8rem;color:var(--color-accent, #007acc);border:1px solid var(--color-border, #e0e0e0);overflow-x:auto}.binding-detail p{margin:0;color:var(--color-text-secondary, #666)}.geology-doc{padding:.75rem;border:1px dashed var(--color-accent, #007acc);border-radius:4px;background:var(--color-surface-secondary, #fff);margin-top:.75rem;display:none}.geology-doc.expanded{display:block}.geology-doc h4{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.2px;color:var(--color-text-primary, #000)}.geology-doc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.geology-doc li{background:var(--color-surface-tertiary, #fafafa);border-radius:3px;padding:.35rem .5rem;font-size:.75rem}.geology-doc strong{display:block;font-size:.75rem;color:var(--color-text-primary, #000);margin-bottom:.15rem}.geology-doc code{display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.7rem;background:var(--color-surface-secondary, #fff);padding:.1rem .25rem;border:1px solid var(--color-border, #d0d0d0);border-radius:3px}.geology-doc .doc-note{margin:.5rem 0 0;font-size:.7rem;color:var(--color-text-secondary, #999)}.geology-walkthrough{margin-top:.75rem;padding:.75rem;border:1px dashed var(--color-accent, #007acc);border-radius:4px;display:none;gap:1rem;flex-wrap:wrap;background:var(--color-surface-secondary, #fff)}.geology-walkthrough.expanded{display:flex}.walkthrough-shell{display:flex;gap:.75rem;align-items:center}.walkthrough-keyboard{display:flex;flex-direction:column;gap:.25rem}.walkthrough-row{display:flex;gap:.25rem}.walkthrough-key{padding:.15rem .4rem;border:1px solid var(--color-border, #d0d0d0);border-radius:3px;font-size:.65rem;font-family:Monaco,Courier New,monospace;background:var(--color-surface-secondary, #fff);transition:all .15s ease}.walkthrough-key.active{border-color:var(--color-accent, #007acc);background:#007acc1a;color:var(--color-accent, #007acc);box-shadow:0 0 10px #007acc40;animation:key-energize 1.2s ease-in-out infinite}@keyframes key-energize{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.walkthrough-meta{max-width:220px}.walkthrough-level{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.2px;color:var(--color-text-secondary, #666)}.walkthrough-meta strong{display:block;font-size:.85rem;margin:.25rem 0}.walkthrough-meta p{margin:0 0 .5rem;font-size:.75rem}.walkthrough-actions{display:flex;gap:.5rem;flex-wrap:wrap}.walkthrough-toggle{padding:.4rem .75rem;border:1px solid var(--color-border, #d0d0d0);border-radius:4px;background:var(--color-surface-secondary, #fff);font-size:.7rem;text-transform:uppercase;letter-spacing:.2px;cursor:pointer;transition:all .15s ease}.walkthrough-toggle:hover{border-color:var(--color-accent, #007acc)}.meaning-tag{display:inline-block;padding:.25rem .5rem;background:var(--color-accent, #007acc);color:#fff;border-radius:3px;font-size:.75rem;font-weight:500;width:fit-content}.geology-node-context{padding:.75rem;background:var(--color-surface-tertiary, #fafafa);border:1px solid var(--color-border, #e0e0e0);border-radius:4px;border-left:3px solid var(--color-accent, #007acc);min-height:60px}.context-placeholder{margin:0;text-align:center;color:var(--color-text-secondary, #999);font-size:.75rem;font-style:italic;opacity:.4}.node-context-detail{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}.context-header{font-weight:600;color:var(--color-text-primary, #000);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;opacity:.8}.context-type,.context-operator,.context-modifiers{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.type-label,.operator-label,.modifiers-label{font-weight:600;color:var(--color-text-primary, #000);font-size:.7rem;text-transform:uppercase;letter-spacing:.2px;opacity:.7;min-width:fit-content}.type-value,.operator-value,.modifiers-value{font-family:Monaco,Courier New,monospace;color:var(--color-accent, #007acc);font-weight:500}.context-badges{display:flex;gap:.4rem;flex-wrap:wrap}.badge{display:inline-block;padding:.25rem .5rem;background:var(--color-accent, #007acc);color:#fff;border-radius:3px;font-size:.7rem;font-weight:500;white-space:nowrap}.context-text code{font-family:Monaco,Courier New,monospace;background:var(--color-surface-secondary, #fff);padding:.25rem .5rem;border-radius:3px;font-size:.75rem;color:var(--color-accent, #007acc);border:1px solid var(--color-border, #e0e0e0);display:block;overflow-x:auto;word-break:break-word}.geology-section-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.owner-indicator{font-size:.55rem;padding:.15rem .4rem;border-radius:3px;background:hsl(var(--modal-context-hue),var(--modal-context-saturation),25%);color:hsl(var(--modal-context-hue),var(--modal-context-saturation),75%);font-family:Monaco,Courier New,monospace;text-transform:lowercase;letter-spacing:0}.geology-regions-hierarchy{display:flex;flex-direction:column;gap:.35rem}.region-box{display:flex;flex-direction:column;border:1px solid var(--color-border, #404040);border-radius:4px;background:var(--color-surface-secondary, rgba(255, 255, 255, .03));overflow:hidden;transition:all .2s ease}.region-box[data-state=active]{border-color:hsl(var(--modal-context-hue),var(--modal-context-saturation),50%);background:hsla(var(--modal-context-hue),var(--modal-context-saturation),50%,.1);box-shadow:0 0 8px hsla(var(--modal-context-hue),var(--modal-context-saturation),50%,.2)}.region-box[data-state=collapsed]{opacity:.5;border-style:dashed}.region-box[data-focusable=false]{pointer-events:auto;cursor:not-allowed}.region-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:transparent;border:none;color:var(--color-text-primary, #fff);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .15s ease;width:100%;text-align:left;font-family:inherit}.region-header:hover{background:#ffffff0d}.region-box[data-state=collapsed] .region-header{cursor:not-allowed}.region-name{flex:1}.region-state-badge{font-size:.55rem;font-weight:400;opacity:.6;text-transform:lowercase;letter-spacing:0}.region-active-indicator{width:6px;height:6px;border-radius:50%;background:hsl(var(--modal-context-hue),var(--modal-context-saturation),60%);box-shadow:0 0 6px hsl(var(--modal-context-hue),var(--modal-context-saturation),60%);animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.region-contents{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem .35rem;border-top:1px solid rgba(255,255,255,.05)}.owned-tabs,.owned-hotkeys{display:flex;flex-wrap:wrap;gap:.25rem}.owned-item{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:3px;font-size:.6rem;cursor:default}.owned-item:hover{background:#ffffff14;border-color:#ffffff26}.item-key{font-family:Monaco,Courier New,monospace;font-weight:600;color:hsl(var(--modal-context-hue),var(--modal-context-saturation),70%);min-width:1em;text-align:center}.item-label{color:var(--color-text-secondary, #999);text-transform:uppercase;letter-spacing:.04em;font-size:.55rem}.tab-item{border-color:hsla(var(--modal-context-hue),50%,50%,.2)}.hotkey-item{border-color:hsla(calc(var(--modal-context-hue) + 60),40%,50%,.2)}@media(prefers-color-scheme:dark){.keybinding-geology{background:var(--color-surface-secondary, #2a2a2a);border-color:var(--color-border, #404040)}.geology-header{border-bottom-color:var(--color-border, #404040)}.geology-title{color:var(--color-text-primary, #e0e0e0)}.geology-context-label{color:var(--color-text-secondary, #999)}.geology-active-element{color:var(--color-text-secondary, #666)}.geology-active-element-value{color:var(--color-accent, #4da6ff)}.geology-action-btn{background:var(--color-surface-secondary, #1a1a1a);border-color:var(--color-border, #404040);color:var(--color-text-primary, #e0e0e0)}.geology-action-btn:hover{border-color:var(--color-accent, #4da6ff)}.context-toggle-btn{background:var(--color-surface-secondary, #1a1a1a);border-color:var(--color-border, #404040);color:var(--color-text-primary, #e0e0e0)}.context-toggle-btn:hover{background:var(--color-surface-tertiary, #333);border-color:var(--color-accent, #4da6ff)}.layer-name{color:var(--color-text-primary, #e0e0e0)}.binding-item{background:var(--color-surface-secondary, #222);border-color:var(--color-border, #404040)}.binding-item:hover{background:var(--color-surface-tertiary, #333);border-color:var(--color-accent, #4da6ff)}.geology-info{background:var(--color-surface-tertiary, #333);border-color:var(--color-border, #404040)}.info-placeholder{color:var(--color-text-secondary, #666)}.binding-detail strong{color:var(--color-text-primary, #e0e0e0)}.binding-detail code{background:var(--color-surface-secondary, #222);border-color:var(--color-border, #404040)}.binding-detail p{color:var(--color-text-secondary, #999)}.geology-node-context{background:var(--color-surface-tertiary, #333);border-color:var(--color-border, #404040)}.context-placeholder{color:var(--color-text-secondary, #666)}.context-header,.type-label,.operator-label,.modifiers-label{color:var(--color-text-primary, #e0e0e0)}.context-text code{background:var(--color-surface-secondary, #222);border-color:var(--color-border, #404040)}}.modal,.spw-ui-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;opacity:0;visibility:hidden;transition:all var(--spw-motion-transition-normal)}.modal[aria-hidden=false],.spw-ui-modal[aria-hidden=false]{opacity:1;visibility:visible}.modal-backdrop,.spw-ui-modal-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content,.spw-ui-modal-content{position:relative;background:var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated));border:1px solid var(--spw-color-global-border-default);border-radius:12px;min-width:320px;max-width:90vw;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform var(--spw-motion-transition-normal);box-shadow:0 20px 60px #00000080,var(--spw-shadow-glow-primary)}.modal[aria-hidden=false] .modal-content,.spw-ui-modal[aria-hidden=false] .spw-ui-modal-content{transform:scale(1) translateY(0)}.modal-header,.spw-ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spw-space-scale-md) var(--spw-space-scale-lg);border-bottom:1px solid var(--spw-color-global-border-default)}.modal-header h2,.spw-ui-modal-header h2{font-family:var(--spw-font-family-mono);font-size:1rem;font-weight:600;color:var(--spw-color-global-accent-primary);text-transform:uppercase;letter-spacing:.1em}.modal-close,.spw-ui-modal-close{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--spw-color-global-foreground-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:all var(--spw-motion-transition-fast)}.modal-close:hover,.spw-ui-modal-close:hover{background:#ff47571a;border-color:var(--spw-color-status-danger);color:var(--spw-color-status-danger)}.modal-body,.spw-ui-modal-body{padding:var(--spw-space-scale-lg)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spw-space-scale-sm)}.shortcut-group{display:flex;align-items:center;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-sm);border-radius:4px;transition:background var(--spw-motion-transition-fast)}.shortcut-group:hover{background:#00ffaa0d}.shortcut-group dt{min-width:80px}.shortcut-group dd{color:var(--spw-color-global-foreground-secondary);font-size:.875rem}.toast-container,.spw-ui-toast-container{position:fixed;bottom:var(--spw-space-scale-xl);right:var(--spw-space-scale-xl);display:flex;flex-direction:column;gap:var(--spw-space-scale-sm);z-index:1001;pointer-events:none}.toast,.spw-ui-toast{padding:var(--spw-space-scale-md) var(--spw-space-scale-lg);background:var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated));border:1px solid var(--spw-color-global-border-default);border-radius:8px;font-family:var(--spw-font-family-mono);font-size:.875rem;color:var(--spw-color-global-foreground-primary);box-shadow:0 10px 40px #0006;pointer-events:auto;animation:toast-enter .3s ease-out}.toast.leaving,.spw-ui-toast.leaving{animation:toast-leave .3s ease-out forwards}.toast.success,.spw-ui-toast.success,.spw-app-toast--success{border-color:var(--spw-color-status-success);border-left-width:4px;background:linear-gradient(90deg,rgba(0,255,170,.08) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.toast.success:before,.spw-ui-toast.success:before,.spw-app-toast--success:before{content:"✓";margin-right:.5em;color:var(--spw-color-status-success)}.toast.warning,.spw-ui-toast.warning,.spw-app-toast--warning{border-color:var(--spw-color-status-warning);border-left-width:4px;background:linear-gradient(90deg,rgba(255,200,100,.08) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.toast.warning:before,.spw-ui-toast.warning:before,.spw-app-toast--warning:before{content:"!";margin-right:.5em;color:var(--spw-color-status-warning);font-weight:700}.toast.error,.spw-ui-toast.error,.spw-app-toast--error{border-color:var(--spw-color-status-danger);border-left-width:4px;background:linear-gradient(90deg,rgba(255,85,85,.08) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.toast.error:before,.spw-ui-toast.error:before,.spw-app-toast--error:before{content:"✕";margin-right:.5em;color:var(--spw-color-status-danger)}.toast.info,.spw-ui-toast.info,.spw-app-toast--info{border-color:var(--spw-color-global-accent-secondary);border-left-width:4px;background:linear-gradient(90deg,rgba(0,212,255,.08) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.toast.info:before,.spw-ui-toast.info:before,.spw-app-toast--info:before{content:"ℹ";margin-right:.5em;color:var(--spw-color-global-accent-secondary)}.spw-app-toast--thinking{border-color:#bd93f9;border-left-width:4px;background:linear-gradient(90deg,rgba(189,147,249,.1) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.spw-app-toast--thinking .toast-icon{animation:thinking-pulse 1.5s ease-in-out infinite;color:#bd93f9}@keyframes thinking-pulse{0%,to{opacity:.4}50%{opacity:1}}.spw-app-toast--action{border-color:#50fa7b;border-left-width:4px;background:linear-gradient(90deg,rgba(80,250,123,.08) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.spw-app-toast--action .toast-icon{color:#50fa7b}.spw-app-toast--question{border-color:#f1fa8c;border-left-width:4px;background:linear-gradient(90deg,rgba(241,250,140,.1) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%);animation:question-glow 2s ease-in-out infinite}.spw-app-toast--question .toast-icon{color:#f1fa8c;font-weight:700}@keyframes question-glow{0%,to{box-shadow:0 10px 40px #0006}50%{box-shadow:0 10px 40px #0006,0 0 20px #f1fa8c4d}}.spw-app-toast--insight{border-color:#ffb86c;border-left-width:4px;background:linear-gradient(90deg,rgba(255,184,108,.1) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.spw-app-toast--insight .toast-icon{color:#ffb86c}.spw-app-toast--transform{border-color:#ff79c6;border-left-width:4px;background:linear-gradient(90deg,rgba(255,121,198,.1) 0%,var(--spw-color-surface-overlay, var(--spw-color-global-background-elevated)) 20%)}.spw-app-toast--transform .toast-icon{color:#ff79c6;animation:transform-spin .5s ease-out}@keyframes transform-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spw-app-toast{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-md) var(--spw-space-scale-lg);min-width:200px;max-width:400px}.toast-icon{flex-shrink:0;font-size:1.1rem;width:1.5em;text-align:center}.toast-message{flex:1;line-height:1.4}.toast-dismiss{flex-shrink:0;background:none;border:none;color:var(--spw-color-global-foreground-muted);font-size:1.25rem;cursor:pointer;padding:0 .25em;opacity:.6;transition:opacity var(--spw-motion-transition-fast)}.toast-dismiss:hover{opacity:1;color:var(--spw-color-global-foreground-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:var(--progress, 0%);background:linear-gradient(90deg,var(--spw-color-global-accent-primary) 0%,var(--spw-color-global-accent-secondary) 100%);transition:width .3s ease-out}.spw-app-toast{position:relative;overflow:hidden}.detail-drawer,.spw-ui-detail-drawer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:240px;background:#1a1a2e;background:var(--spw-color-surface-drawer, var(--spw-color-global-background-elevated, #1a1a2e));border-top:3px solid #00ffaa;border-top-color:var(--spw-region-border, var(--spw-color-global-accent-primary, #00ffaa));transform:translateY(100%);transition:transform .25s ease-out,visibility 0s .25s;display:flex;flex-direction:column;z-index:9999!important;box-shadow:0 -14px 30px #00000080;visibility:hidden;pointer-events:none;container-type:inline-size;container-name:spw-drawer}.detail-drawer[aria-hidden=false],.spw-ui-detail-drawer[aria-hidden=false],#detail-drawer[aria-hidden=false]{transform:translateY(0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .25s ease-out,visibility 0s 0s}.drawer-header,.spw-ui-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:var(--spw-color-surface-drawer-header, rgba(0, 255, 170, .05));border-bottom:1px solid var(--spw-color-global-border-default);flex-shrink:0}.drawer-title,.spw-ui-drawer-title{font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:600;color:var(--spw-color-global-accent-primary);text-transform:uppercase;letter-spacing:.05em}.drawer-close,.spw-ui-drawer-close{width:24px;height:24px;display:grid;place-items:center;background:transparent;border:none;font-size:1.25rem;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:color var(--spw-motion-transition-fast)}.drawer-close:hover,.spw-ui-drawer-close:hover{color:var(--spw-color-status-danger)}.drawer-tabs,.spw-ui-drawer-tabs{display:flex;gap:0;border-bottom:1px solid var(--spw-color-global-border-default);flex-shrink:0}.drawer-tab,.spw-ui-drawer-tab{padding:var(--spw-space-scale-xs) var(--spw-space-scale-md);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--spw-font-family-mono);font-size:.7rem;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.drawer-tab:hover,.spw-ui-drawer-tab:hover{color:var(--spw-color-global-foreground-primary)}.drawer-tab[aria-selected=true],.drawer-tab.active,.spw-ui-drawer-tab[aria-selected=true],.spw-ui-drawer-tab.active{color:var(--spw-color-global-accent-secondary);border-bottom-color:var(--spw-color-global-accent-secondary)}.drawer-content,.spw-ui-drawer-content{flex:1;overflow:auto;min-height:0}.drawer-empty{border:1px dashed rgba(255,255,255,.12);border-radius:8px;padding:var(--spw-space-scale-sm);background:#0000002e}.drawer-empty-title{font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:600;color:var(--spw-color-global-foreground-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spw-space-scale-xs)}.drawer-empty-body{font-size:.8rem;color:var(--spw-color-global-foreground-muted);line-height:1.4}.drawer-panel,.spw-ui-drawer-panel{display:block;padding:var(--spw-space-scale-sm)}.drawer-panel[hidden],.spw-ui-drawer-panel[hidden]{display:none}.drawer-panel:not(.active):not([hidden]),.spw-ui-drawer-panel:not(.active):not([hidden]){display:none}.drawer-panel.active,.spw-ui-drawer-panel.active{display:block}.sem-section{margin-bottom:var(--spw-space-scale-md)}.sem-title{font-size:.85rem;margin-bottom:var(--spw-space-scale-xs);color:var(--spw-color-global-foreground-primary)}.sem-title[data-operator="!"]{color:var(--spw-color-operator-inject)}.sem-title[data-operator="^"]{color:var(--spw-color-operator-tap)}.sem-title[data-operator="~"]{color:var(--spw-color-operator-wave)}.sem-title[data-operator="<>"]{color:var(--spw-color-operator-couple)}.sem-title[data-operator="?"]{color:var(--spw-color-operator-probe)}.sem-title[data-operator="*"]{color:var(--spw-color-operator-branch)}.sem-title[data-operator="="]{color:var(--spw-color-operator-bias)}.sem-title[data-operator="@"]{color:var(--spw-color-operator-emit)}.sem-title[data-operator="#"]{color:var(--spw-color-operator-reflect)}@container spw-drawer (max-width: 400px){.drawer-tab,.spw-ui-drawer-tab{padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.65rem}.drawer-title,.spw-ui-drawer-title{font-size:.65rem}}@container spw-drawer (max-width: 280px){.drawer-tabs,.spw-ui-drawer-tabs{flex-wrap:wrap}.drawer-tab,.spw-ui-drawer-tab{flex:1 1 auto;text-align:center;min-width:0}}.breadcrumb-nav{display:flex;align-items:center;gap:2px;padding:0 var(--spw-space-scale-md);height:auto;min-height:24px;background:transparent;border:none;font-size:.85rem;overflow-x:auto;scroll-behavior:smooth}.breadcrumb-nav::-webkit-scrollbar{height:4px}.breadcrumb-nav::-webkit-scrollbar-track{background:transparent}.breadcrumb-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.breadcrumb-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.breadcrumb-item{display:inline-flex;align-items:center;padding:6px 12px;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px;white-space:nowrap;font-weight:500;opacity:.7;-webkit-user-select:none;user-select:none;background:transparent;border:1px solid transparent;position:relative}.breadcrumb-item:hover{opacity:1;background:#00d4ff1f;color:var(--spw-color-global-foreground-primary);border-color:#00d4ff4d;transform:translateY(-1px);box-shadow:0 2px 8px #00d4ff1a}.breadcrumb-item[data-breadcrumb-active=true]{opacity:1;color:var(--spw-color-global-accent-secondary, hsl(200, 100%, 50%));font-weight:700;background:#00d4ff2e;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 12px #00d4ff33}.breadcrumb-item:not([data-breadcrumb-active=true]):after{content:"";display:inline-block;width:3px;height:3px;margin-left:6px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .2s ease}.breadcrumb-item:not([data-breadcrumb-active=true]):hover:after{opacity:.6}.breadcrumb-separator{display:inline-flex;align-items:center;margin:0 2px;color:var(--spw-color-global-foreground-muted);opacity:.3;font-size:.9em;-webkit-user-select:none;user-select:none}.breadcrumb-item[data-breadcrumb-level="3"]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;opacity:.6}@media(max-width:768px){.breadcrumb-item[data-breadcrumb-level="1"],.breadcrumb-item[data-breadcrumb-level="2"]{display:none}.breadcrumb-item[data-breadcrumb-level="0"]+.breadcrumb-separator{display:none}}.breadcrumb-nav{transition:color .4s cubic-bezier(.22,1,.36,1),background-color .4s cubic-bezier(.22,1,.36,1)}@keyframes breadcrumb-flash{0%{opacity:.5;transform:scale(.95)}50%{opacity:1}to{opacity:1;transform:scale(1)}}.breadcrumb-item[data-breadcrumb-active=true]{animation:breadcrumb-flash .3s ease-out}.breadcrumb-item:focus-visible{outline:2px solid var(--spw-color-global-accent-secondary);outline-offset:2px;background:#00d4ff1f}.breadcrumb-item:active{transform:scale(.98)}.breadcrumb-item[title]:hover:after{content:attr(title);position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.binding-item.highlighted{background:var(--semantic-hue, hsl(200, 70%, 50%));box-shadow:0 0 12px var(--semantic-hue, hsl(200, 70%, 50%));border-color:var(--semantic-hue, hsl(200, 70%, 50%));opacity:1;z-index:10}.binding-item.pulse-highlight{animation:pulse-geology 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-geology{0%,to{opacity:.6;box-shadow:0 0 8px rgba(var(--semantic-hue, 200),.3)}50%{opacity:1;box-shadow:0 0 16px rgba(var(--semantic-hue, 200),.6)}}.flow-node.highlighted{background:var(--semantic-hue, hsl(200, 70%, 50%));box-shadow:0 0 12px var(--semantic-hue, hsl(200, 70%, 50%));border-color:var(--semantic-hue, hsl(200, 70%, 50%));stroke:var(--semantic-hue, hsl(200, 70%, 50%))}.flow-node.pulse-highlight{animation:pulse-flow 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-flow{0%,to{filter:drop-shadow(0 0 4px rgba(var(--semantic-hue, 200),.3))}50%{filter:drop-shadow(0 0 12px rgba(var(--semantic-hue, 200),.8))}}.flow-container.pulse-highlight{animation:pulse-container 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-container{0%,to{box-shadow:inset 0 0 8px rgba(var(--semantic-hue, 200),.1)}50%{box-shadow:inset 0 0 16px rgba(var(--semantic-hue, 200),.2)}}.binding-item,.flow-node,.flow-container{transition:background-color .2s ease,box-shadow .2s ease,opacity .2s ease}.binding-item:focus-visible.highlighted{outline:2px solid var(--spw-color-global-accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.binding-item.pulse-highlight,.flow-node.pulse-highlight,.flow-container.pulse-highlight{animation:none;opacity:.8;box-shadow:0 0 8px rgba(var(--semantic-hue, 200),.4)}}[data-projection-phase]{transition:all .2s ease;opacity:var(--projection-opacity, 1);filter:saturate(var(--projection-saturation, 100%))}[data-projection-phase=pending]{--projection-opacity: .5;--projection-saturation: 30%;--projection-glow-intensity: 0;--projection-border-style: dotted;opacity:.5;filter:saturate(30%)}[data-projection-phase=pending]:before{content:"";position:absolute;inset:0;border:1px dotted rgba(var(--semantic-hue, 200),.3);pointer-events:none}[data-projection-phase=loading]{--projection-opacity: .75;--projection-saturation: 60%;--projection-glow-intensity: .3;--projection-border-style: dashed;opacity:.75;filter:saturate(60%);animation:pulse-loading 2s cubic-bezier(.4,0,.6,1) infinite}[data-projection-phase=loading]:before{content:"";position:absolute;inset:0;border:1px dashed rgba(var(--semantic-hue, 200),.5);pointer-events:none;animation:dash-animation 12s linear infinite}@keyframes dash-animation{to{border-color:rgba(var(--semantic-hue, 200),.8)}}[data-projection-phase=ready]{--projection-opacity: 1;--projection-saturation: 100%;--projection-glow-intensity: .5;--projection-border-style: solid;opacity:1;filter:saturate(100%);box-shadow:inset 0 0 12px rgba(var(--semantic-hue, 200),.2)}[data-projection-phase=ready]:before{content:"";position:absolute;inset:0;border:1px solid rgba(var(--semantic-hue, 200),.3);pointer-events:none;box-shadow:0 0 8px rgba(var(--semantic-hue, 200),.3)}[data-projection-phase=error]{--projection-opacity: 1;--projection-saturation: 100%;--projection-color: hsl(0, 70%, 55%);--projection-glow-intensity: .7;--projection-border-style: solid;opacity:1;animation:pulse-error 1.5s cubic-bezier(.4,0,.6,1) infinite}[data-projection-phase=error]:before{content:"";position:absolute;inset:0;border:2px solid hsl(0,70%,55%);pointer-events:none;box-shadow:0 0 12px #dd3c3c;animation:error-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes error-pulse{0%,to{box-shadow:0 0 8px #dd3c3c}50%{box-shadow:0 0 16px #dd3c3c}}[data-projection-phase=hidden]{--projection-opacity: .2;--projection-saturation: 0%;--projection-glow-intensity: 0;--projection-border-style: none;opacity:.2;filter:saturate(0%);pointer-events:none}@keyframes pulse-loading{0%,to{opacity:.7;filter:saturate(60%)}50%{opacity:.95;filter:saturate(80%)}}@keyframes pulse-error{0%,to{opacity:1;box-shadow:inset 0 0 8px #dd3c3c33}50%{opacity:1;box-shadow:inset 0 0 16px #dd3c3c66}}@media(prefers-reduced-motion:reduce){[data-projection-phase=loading],[data-projection-phase=error]{animation:none;opacity:var(--projection-opacity, .75)}[data-projection-phase=loading]:before,[data-projection-phase=error]:before{animation:none}}.projection-pending{opacity:.5;filter:saturate(30%)}.projection-loading{opacity:.75;filter:saturate(60%);animation:pulse-loading 2s cubic-bezier(.4,0,.6,1) infinite}.projection-ready{opacity:1;filter:saturate(100%)}.projection-error{opacity:1;animation:pulse-error 1.5s cubic-bezier(.4,0,.6,1) infinite}.projection-hidden{opacity:.2;filter:saturate(0%);pointer-events:none}.spw-tooltip{position:fixed;max-width:320px;background:var(--spw-color-surface-card);border:1px solid var(--spw-color-global-border-default);border-radius:8px;color:var(--spw-color-global-foreground-primary);font-size:.8rem;line-height:1.4;box-shadow:0 12px 28px #00000059;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity var(--spw-motion-transition-fast),transform var(--spw-motion-transition-fast)}.spw-tooltip-visible{opacity:1;transform:translateY(0);pointer-events:auto}.spw-tooltip-content{padding:var(--spw-space-scale-sm) var(--spw-space-scale-md)}.spw-tooltip-header{display:flex;align-items:center;gap:var(--spw-space-scale-xs);margin-bottom:var(--spw-space-scale-xs);font-weight:600}.spw-tooltip-icon{width:18px;text-align:center;color:var(--spw-color-global-accent-primary)}.spw-tooltip-title{flex:1}.spw-tooltip-shortcut kbd{padding:2px 6px;font-family:var(--spw-font-family-mono);font-size:.65rem;background:#ffffff14;border:1px solid var(--spw-color-global-border-default);border-radius:3px;color:var(--spw-color-global-foreground-secondary)}.spw-tooltip-body{color:var(--spw-color-global-foreground-secondary)}.spw-tooltip-footer{display:flex;justify-content:flex-end;gap:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-sm)}.spw-tooltip-action,.spw-tooltip-dismiss{padding:4px 8px;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:4px;border:1px solid var(--spw-color-global-border-default);background:transparent;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.spw-tooltip-action:hover,.spw-tooltip-dismiss:hover{border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.spw-tooltip-hint{border-color:#00ffaa59}.spw-tooltip-info{border-color:#7aa2f759}.spw-tooltip-warning{border-color:#ffb86c59}.spw-tooltip-error{border-color:#ff5f5759}.spw-tooltip-arrow{position:absolute;width:10px;height:10px;background:var(--spw-color-surface-card);border-left:1px solid var(--spw-color-global-border-default);border-top:1px solid var(--spw-color-global-border-default);transform:rotate(45deg);display:none}.spw-tooltip-with-arrow .spw-tooltip-arrow{display:block}.spw-tooltip-with-arrow[data-position=top] .spw-tooltip-arrow{bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.spw-tooltip-with-arrow[data-position=bottom] .spw-tooltip-arrow{top:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.spw-tooltip-with-arrow[data-position=left] .spw-tooltip-arrow{right:-6px;top:50%;transform:translateY(-50%) rotate(45deg)}.spw-tooltip-with-arrow[data-position=right] .spw-tooltip-arrow{left:-6px;top:50%;transform:translateY(-50%) rotate(45deg)}.intent-bar{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;font-size:.7rem;font-family:var(--spw-font-family-mono, monospace);background:color-mix(in srgb,var(--intent-accent, var(--spw-context-accent)) 12%,rgba(0,0,0,.3));border:1px solid color-mix(in srgb,var(--intent-accent, var(--spw-context-accent)) 20%,rgba(255,255,255,.08));border-radius:4px;color:var(--spw-color-global-foreground-secondary, #999);min-height:1.75rem;transition:background .2s ease}.intent-badges{display:flex;gap:.35rem;flex-shrink:0}.intent-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;border-radius:3px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--badge-color, var(--spw-color-global-foreground-secondary, #999));min-width:2em}.intent-badge[data-type=mode]{background:color-mix(in srgb,var(--badge-color, #666) 20%,transparent);border-color:var(--badge-color, #666);color:var(--badge-color, #666)}.intent-badge[data-type=context]{background:color-mix(in srgb,var(--intent-accent, var(--spw-context-accent)) 18%,transparent);border-color:var(--intent-accent, var(--spw-context-accent));color:var(--intent-accent, var(--spw-context-accent))}.intent-badge[data-type=lod]{background:color-mix(in srgb,var(--spw-lod-accent, var(--intent-accent, #5fd1ff)) 18%,transparent);border-color:var(--spw-lod-accent, var(--intent-accent, #5fd1ff));color:var(--spw-lod-accent, var(--intent-accent, #5fd1ff))}.intent-badge[data-type=disclosure]{background:color-mix(in srgb,var(--spw-context-accent, #4fb2ff) 12%,transparent);border-color:color-mix(in srgb,var(--spw-context-accent, #4fb2ff) 45%,rgba(255,255,255,.2));color:var(--spw-color-global-foreground-secondary, #999);opacity:var(--spw-disclosure-density, 1)}.intent-breadcrumb{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0;overflow:hidden}.breadcrumb-segment{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--spw-color-global-foreground-secondary, #888)}.breadcrumb-segment[data-type=region]{color:color-mix(in srgb,var(--intent-accent, var(--spw-context-accent)) 70%,#ffffff 30%);font-weight:500}.breadcrumb-segment[data-type=component]{color:var(--spw-color-global-foreground-primary, #ccc)}.breadcrumb-sep{color:var(--spw-color-global-foreground-muted, #666);flex-shrink:0}.intent-question{margin-left:auto;font-style:italic;color:var(--spw-color-global-foreground-muted, #666);white-space:nowrap}.intent-bar[data-mode=insert]{background:#4caf501a;border:1px solid rgba(76,175,80,.2)}.intent-bar[data-mode=inspect]{background:#2196f31a;border:1px solid rgba(33,150,243,.2)}.intent-bar[data-mode=transform]{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.spw-app-tour-controls{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:3px var(--spw-space-scale-sm);border:1px solid var(--spw-color-global-border-default);border-radius:4px;background:#0000004d}.spw-app-tour-controls[data-active=true]{border-color:color-mix(in srgb,var(--spw-context-accent, #00ffaa) 35%,transparent)}.spw-app-tour-button{padding:3px 8px;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;border:1px solid var(--spw-color-global-border-default);background:transparent;color:var(--spw-color-global-foreground-muted);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.spw-app-tour-button--primary{border-color:color-mix(in srgb,var(--spw-context-accent, #00ffaa) 35%,transparent);color:var(--spw-context-accent, var(--spw-color-global-accent-primary))}.spw-app-tour-button:hover:not(:disabled){border-color:var(--spw-context-accent, var(--spw-color-global-accent-primary));color:var(--spw-context-accent, var(--spw-color-global-accent-primary));background:color-mix(in srgb,var(--spw-context-accent, #00ffaa) 10%,transparent)}.spw-app-tour-button:disabled{opacity:.4;cursor:not-allowed}.spw-app-tour-status{font-family:var(--spw-font-family-mono);font-size:.65rem;color:var(--spw-color-global-foreground-muted);padding:0 var(--spw-space-scale-xs)}.spw-app-tour-popup{position:absolute;max-width:320px;padding:var(--spw-space-scale-md);background:var(--spw-color-surface-card);border:1px solid var(--spw-color-global-border-default);border-left:3px solid var(--spw-context-accent, var(--spw-color-global-accent-primary));border-radius:6px;box-shadow:0 8px 24px #0006,0 0 0 1px color-mix(in srgb,var(--spw-context-accent, #00ffaa) 12%,transparent);font-size:.8rem;line-height:1.5;z-index:500}.spw-app-tour-popup-header{display:flex;align-items:center;gap:var(--spw-space-scale-xs);margin-bottom:var(--spw-space-scale-sm)}.spw-app-tour-popup-icon{color:var(--spw-context-accent, var(--spw-color-global-accent-primary));font-size:1rem}.spw-app-tour-popup-title{font-family:var(--spw-font-family-mono);font-weight:600;color:var(--spw-color-global-foreground-primary)}.spw-app-tour-popup-footer{display:flex;justify-content:flex-end;gap:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-md);padding-top:var(--spw-space-scale-sm);border-top:1px solid var(--spw-color-global-border-default)}.spw-app-tour-anchor{outline:2px solid color-mix(in srgb,var(--spw-context-accent, #00ffaa) 60%,transparent);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--spw-context-accent, #00ffaa) 12%,transparent),inset 0 0 20px color-mix(in srgb,var(--spw-context-accent, #00ffaa) 8%,transparent);border-radius:4px;animation:tour-anchor-pulse 2s ease-in-out infinite}@keyframes tour-anchor-pulse{0%,to{outline-color:color-mix(in srgb,var(--spw-context-accent, #00ffaa) 50%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--spw-context-accent, #00ffaa) 10%,transparent)}50%{outline-color:color-mix(in srgb,var(--spw-context-accent, #00ffaa) 80%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--spw-context-accent, #00ffaa) 16%,transparent)}}.spw-app-tour-meta{font-family:var(--spw-font-family-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--spw-context-accent, var(--spw-color-global-accent-primary));margin-bottom:var(--spw-space-scale-xs)}.spw-app-tour-text{color:var(--spw-color-global-foreground-secondary);line-height:1.5}.spw-app-tour-action{margin-top:var(--spw-space-scale-sm);padding-top:var(--spw-space-scale-xs);font-size:.75rem;font-weight:500;color:var(--spw-color-global-foreground-primary);border-top:1px dashed var(--spw-color-global-border-default)}.hud-genre-selector,.spw-app-genre-selector{display:flex;align-items:center;gap:var(--spw-space-scale-xs, var(--space-2));padding:0 var(--spw-space-scale-sm, var(--space-2))}.genre-selector-label{font-family:var(--spw-font-family-mono, var(--font-mono));font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--spw-color-global-foreground-muted, var(--hud-text-muted))}.genre-selector-group{display:flex;align-items:center;gap:4px;padding:2px;border-radius:6px;border:1px solid var(--spw-color-global-border-default, var(--hud-border));background:color-mix(in srgb,var(--spw-color-surface-panel, rgba(0, 0, 0, .2)) 60%,transparent);box-shadow:inset 0 0 0 1px #00000026}.genre-option{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--spw-font-family-mono, var(--font-mono));font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--spw-color-global-foreground-secondary, var(--hud-text-muted));background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--spw-motion-transition-fast, .15s ease)}.genre-option:hover,.genre-option--hover{color:var(--spw-color-global-foreground-primary, var(--hud-text));border-color:color-mix(in srgb,var(--genre-accent, var(--spw-color-global-accent-primary)) 45%,transparent);background:color-mix(in srgb,var(--genre-accent, var(--spw-color-global-accent-primary)) 12%,transparent)}.genre-option:focus{outline:none}.genre-option:focus-visible{outline:2px solid var(--genre-accent, var(--spw-color-global-accent-primary));outline-offset:2px}.genre-option:active{transform:scale(.97)}.genre-option--active,.genre-option[aria-pressed=true]{color:var(--genre-accent, var(--spw-color-global-accent-primary));border-color:var(--genre-accent, var(--spw-color-global-accent-primary));background:color-mix(in srgb,var(--genre-accent, var(--spw-color-global-accent-primary)) 18%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--genre-accent, var(--spw-color-global-accent-primary)) 45%,transparent)}.genre-icon{font-size:.7rem;line-height:1;opacity:.85}.genre-option[data-genre-category=academic]{--genre-accent: var(--spw-color-context-reporting, #4fc3f7)}.genre-option[data-genre-category=technical]{--genre-accent: var(--spw-color-context-pedagogical, #66bb6a)}.genre-option[data-genre-category=narrative]{--genre-accent: var(--spw-color-context-design, #ba68c8)}.genre-option[data-genre-category=performance]{--genre-accent: var(--spw-color-context-performance, #ff7043)}.genre-option[data-genre-category=ambient]{--genre-accent: var(--spw-color-context-visual, #4dd0e1)}.genre-selector--compact .genre-option{padding:4px 8px}.genre-selector--compact .genre-icon{display:none}.genre-selector--expanded .genre-option{padding:4px 10px}.genre-selector--expanded .genre-label{white-space:nowrap}@media(max-width:1200px){.genre-selector-label{display:none}}@media(max-width:900px){.genre-option .genre-label{max-width:4ch;overflow:hidden;text-overflow:clip}}@media(max-width:768px){.hud-genre-selector,.spw-app-genre-selector{display:none}}html[data-genre=academic-paper]{--genre-font-weight: 400;--genre-line-height: 1.75;--genre-letter-spacing: 0;--genre-content-width: 65ch}html[data-genre=technical-tutorial]{--genre-font-weight: 400;--genre-line-height: 1.65;--genre-letter-spacing: .01em;--genre-content-width: 70ch}html[data-genre=narrative-fiction]{--genre-font-weight: 400;--genre-line-height: 1.8;--genre-letter-spacing: .02em;--genre-content-width: 60ch}html[data-genre=live-performance]{--genre-font-weight: 500;--genre-line-height: 1.5;--genre-letter-spacing: 0;--genre-content-width: 80ch}html[data-genre=ambient-meditation]{--genre-font-weight: 300;--genre-line-height: 2;--genre-letter-spacing: .03em;--genre-content-width: 55ch}@supports not (color: color-mix(in srgb,red 50%,blue)){.genre-selector-group{background:#0003}.genre-option:hover,.genre-option--hover{background:#ffffff14;border-color:currentColor}.genre-option--active,.genre-option[aria-pressed=true]{background:#ffffff1f;border-color:currentColor;box-shadow:0 0 8px currentColor}}.prism-view,.spw-app-prism-view{display:flex;flex-direction:column;height:100%;background:var(--hud-surface);border:1px solid var(--hud-border);border-radius:var(--radius-lg);overflow:hidden}.prism-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--hud-surface-elevated);border-bottom:1px solid var(--hud-border)}.prism-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--hud-text)}.prism-facet-count{font-size:var(--text-xs);color:var(--hud-text-muted)}.prism-close{margin-left:auto;padding:var(--space-1);font-size:var(--text-lg);line-height:1;color:var(--hud-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s ease,background .15s ease}.prism-close:hover{color:var(--hud-text);background:var(--hud-surface-hover)}.prism-facets{flex:1;display:flex;min-height:0;overflow:hidden}.prism-layout--split-horizontal{flex-direction:row}.prism-layout--split-horizontal .prism-facet{flex:1;border-right:1px solid var(--hud-border)}.prism-layout--split-horizontal .prism-facet:last-child{border-right:none}.prism-layout--split-vertical{flex-direction:column}.prism-layout--split-vertical .prism-facet{flex:1;border-bottom:1px solid var(--hud-border)}.prism-layout--split-vertical .prism-facet:last-child{border-bottom:none}.prism-layout--tabs{position:relative}.prism-layout--tabs .prism-facet{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .2s ease}.prism-layout--tabs .prism-facet--focused{opacity:1;pointer-events:auto}.prism-facet{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--hud-surface);transition:box-shadow .2s ease}.prism-facet:focus{outline:none}.prism-facet--focused{box-shadow:inset 0 0 0 2px var(--hud-accent)}.prism-facet--primary{background:var(--hud-surface-elevated)}.prism-facet-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--hud-surface-inset);border-bottom:1px solid var(--hud-border);font-size:var(--text-xs)}.prism-facet-label{font-weight:600;color:var(--hud-text)}.prism-facet-genre{color:var(--hud-text-muted);font-style:italic}.prism-facet-remove{margin-left:auto;padding:0 var(--space-1);font-size:var(--text-sm);color:var(--hud-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.prism-facet:hover .prism-facet-remove{opacity:1}.prism-facet-remove:hover{color:var(--color-red-500)}.prism-facet-content{flex:1;overflow:auto;padding:var(--space-2)}.prism-content-mirror{height:100%}.prism-content-text{margin:0;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);line-height:calc(1.5 * var(--facet-pacing, 1));color:var(--hud-text);white-space:pre-wrap;word-wrap:break-word}.prism-content-mirror[data-lod=fine] .prism-content-text{font-size:var(--text-xs);line-height:1.4}.prism-content-mirror[data-lod=medium] .prism-content-text{font-size:var(--text-sm);line-height:1.6}.prism-content-mirror[data-lod=coarse] .prism-content-text{font-size:var(--text-base);line-height:1.8}.prism-controls{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--hud-surface-elevated);border-top:1px solid var(--hud-border)}.prism-layout-controls{display:flex;gap:var(--space-1)}.prism-layout-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--hud-text-muted);background:transparent;border:1px solid var(--hud-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.prism-layout-btn:hover{color:var(--hud-text);background:var(--hud-surface-hover)}.prism-layout-btn--active{color:var(--hud-accent);border-color:var(--hud-accent);background:var(--hud-surface-active)}.prism-add-facet{margin-left:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--hud-text);background:var(--hud-surface-hover);border:1px solid var(--hud-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.prism-add-facet:hover{background:var(--hud-surface-active)}.prism-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--hud-text-muted);font-style:italic}.prism-facet[data-genre-category=academic]{--facet-accent: var(--color-blue-500)}.prism-facet[data-genre-category=technical]{--facet-accent: var(--color-green-500)}.prism-facet[data-genre-category=narrative]{--facet-accent: var(--color-purple-500)}.prism-facet[data-genre-category=performance]{--facet-accent: var(--color-orange-500)}.prism-facet[data-genre-category=ambient]{--facet-accent: var(--color-teal-500)}.prism-facet[data-genre-category] .prism-facet-header{border-left:3px solid var(--facet-accent, var(--hud-accent))}@media(max-width:768px){.prism-layout--split-horizontal{flex-direction:column}.prism-layout--split-horizontal .prism-facet{border-right:none;border-bottom:1px solid var(--hud-border)}.prism-layout--split-horizontal .prism-facet:last-child{border-bottom:none}}.prism-view-overlay{position:fixed;inset:0;z-index:var(--z-overlay, 100);display:none;background:var(--hud-surface);opacity:0;transform:scale(.98);transition:opacity .2s ease,transform .2s ease}.prism-view-overlay[data-prism-active=true]{display:flex;flex-direction:column}.prism-view-overlay[aria-hidden=false]{opacity:1;transform:scale(1)}.prism-view-overlay .prism-view{flex:1;border:none;border-radius:0}html[data-prism-mode=active] .hud-main{filter:blur(2px);pointer-events:none}.prism-keyboard-hint{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--hud-text-muted);background:var(--hud-surface-elevated);border:1px solid var(--hud-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.prism-keyboard-hint kbd{display:inline-block;padding:2px 6px;margin:0 2px;font-family:inherit;font-size:inherit;background:var(--hud-surface-inset);border:1px solid var(--hud-border);border-radius:var(--radius-sm)}.token-list,.spw-viz-token-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.token-item,.spw-viz-token-item{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:var(--spw-color-surface-card);border-radius:2px;font-size:.75rem;cursor:pointer;transition:background var(--spw-motion-transition-fast)}.token-item:hover,.token-item:focus,.spw-viz-token-item:hover,.spw-viz-token-item:focus{background:var(--spw-viz-token-hover-bg, rgba(0, 255, 170, .1));outline:none}.token-item.highlighted,.spw-viz-token-item.highlighted{background:var(--spw-viz-token-highlight-bg, rgba(0, 212, 255, .18));border-left:2px solid var(--spw-viz-token-highlight-border, var(--spw-color-global-accent-secondary))}.token-item.selected,.spw-viz-token-item.selected{background:var(--spw-viz-token-selected-bg, rgba(0, 255, 170, .2));border-left:2px solid var(--spw-viz-token-selected-border, var(--spw-color-global-accent-primary))}.token-type,.spw-viz-token-type{font-family:var(--spw-font-family-mono);font-weight:600;min-width:100px}.token-operator,.spw-viz-token-operator{color:var(--spw-color-global-accent-tertiary)}.token-modifier,.spw-viz-token-modifier{color:#ff79c6}.token-connector,.spw-viz-token-connector{color:var(--spw-color-global-accent-secondary)}.token-string,.spw-viz-token-string{color:#f1fa8c}.token-number,.spw-viz-token-number{color:#bd93f9}.token-boolean,.spw-viz-token-boolean{color:#ffb86c}.token-identifier,.spw-viz-token-identifier{color:var(--spw-color-global-foreground-primary)}.token-annotation,.spw-viz-token-annotation{color:#8be9fd}.token-container_open,.token-container_close,.spw-viz-token-container_open,.spw-viz-token-container_close{color:var(--spw-color-global-accent-primary)}.token-colon,.token-comma,.spw-viz-token-colon,.spw-viz-token-comma{color:var(--spw-color-global-foreground-secondary)}.token-value,.spw-viz-token-value{flex:1;color:var(--spw-color-global-foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-pos,.spw-viz-token-pos{color:var(--spw-color-global-foreground-muted);font-family:var(--spw-font-family-mono);font-size:.625rem}.ast-tree,.spw-viz-ast-tree{max-height:400px;overflow-y:auto;padding:var(--spw-space-scale-xs)}.ast-node,.spw-viz-ast-node{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:3px 6px;margin:1px 0;font-size:.75rem;cursor:pointer;transition:all var(--spw-motion-transition-fast);border-radius:4px;border-left:2px solid transparent;position:relative}.ast-node:before,.spw-viz-ast-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00ffaa4d,#00ffaa1a);opacity:0;transition:opacity var(--spw-motion-transition-fast)}.ast-node:hover,.spw-viz-ast-node:hover{background:var(--spw-viz-ast-hover-bg, rgba(0, 255, 170, .08));border-left-color:#00ffaa80}.ast-node:hover:before,.spw-viz-ast-node:hover:before{opacity:1}.ast-node.highlighted,.spw-viz-ast-node.highlighted{background:var(--spw-viz-ast-highlight-bg, rgba(255, 170, 0, .15));border-left-color:var(--spw-color-status-warning);box-shadow:inset 0 0 12px #ffaa001a,0 0 8px #ffaa0026}.ast-node.selected,.spw-viz-ast-node.selected{background:var(--spw-viz-ast-selected-bg, rgba(0, 212, 255, .15));border-left-color:var(--spw-color-global-accent-secondary);box-shadow:inset 0 0 12px #00d4ff1a,0 0 8px #00d4ff26}.ast-node:focus,.spw-viz-ast-node:focus{outline:none;background:#00ffaa1a;box-shadow:0 0 0 2px var(--spw-color-global-accent-primary),inset 0 0 12px #00ffaa1a}.ast-toggle,.spw-viz-ast-toggle{color:var(--spw-color-global-foreground-muted);font-size:.625rem;width:12px;text-align:center}.ast-type,.spw-viz-ast-type{color:var(--spw-color-global-accent-secondary);font-family:var(--spw-font-family-mono);font-weight:600}.ast-operator,.spw-viz-ast-operator{color:var(--spw-color-global-accent-tertiary)}.ast-node[data-operator="!"] .ast-operator,.spw-viz-ast-node[data-operator="!"] .spw-viz-ast-operator{color:var(--spw-color-operator-inject)}.ast-node[data-operator="^"] .ast-operator,.spw-viz-ast-node[data-operator="^"] .spw-viz-ast-operator{color:var(--spw-color-operator-tap)}.ast-node[data-operator="~"] .ast-operator,.spw-viz-ast-node[data-operator="~"] .spw-viz-ast-operator{color:var(--spw-color-operator-wave)}.ast-node[data-operator="<>"] .ast-operator,.spw-viz-ast-node[data-operator="<>"] .spw-viz-ast-operator{color:var(--spw-color-operator-couple)}.ast-node[data-operator="?"] .ast-operator,.spw-viz-ast-node[data-operator="?"] .spw-viz-ast-operator{color:var(--spw-color-operator-probe)}.ast-node[data-operator="*"] .ast-operator,.spw-viz-ast-node[data-operator="*"] .spw-viz-ast-operator{color:var(--spw-color-operator-branch)}.ast-node[data-operator="="] .ast-operator,.spw-viz-ast-node[data-operator="="] .spw-viz-ast-operator{color:var(--spw-color-operator-bias)}.ast-node[data-operator="@"] .ast-operator,.spw-viz-ast-node[data-operator="@"] .spw-viz-ast-operator{color:var(--spw-color-operator-emit)}.ast-node[data-operator="#"] .ast-operator,.spw-viz-ast-node[data-operator="#"] .spw-viz-ast-operator{color:var(--spw-color-operator-reflect)}.ast-value,.spw-viz-ast-value{color:#f1fa8c}.ast-children,.spw-viz-ast-children{border-left:1px solid var(--spw-color-global-border-default);margin-left:6px}.event-log,.spw-viz-event-log{display:flex;flex-direction:column;gap:1px;max-height:300px;overflow-y:auto;font-size:.625rem;font-family:var(--spw-font-family-mono)}.event-item,.spw-viz-event-item{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:2px var(--spw-space-scale-xs);background:var(--spw-color-surface-card)}.event-type,.spw-viz-event-type{min-width:60px;font-weight:600}.event-enter .event-type,.event-enter .spw-viz-event-type,.spw-viz-event-enter .event-type,.spw-viz-event-enter .spw-viz-event-type{color:var(--spw-color-global-accent-primary)}.event-exit .event-type,.event-exit .spw-viz-event-type,.spw-viz-event-exit .event-type,.spw-viz-event-exit .spw-viz-event-type{color:var(--spw-color-global-accent-secondary)}.event-token .event-type,.event-token .spw-viz-event-type,.spw-viz-event-token .event-type,.spw-viz-event-token .spw-viz-event-type{color:#f1fa8c}.event-error .event-type,.event-error .spw-viz-event-type,.spw-viz-event-error .event-type,.spw-viz-event-error .spw-viz-event-type{color:var(--spw-color-status-danger)}.event-backtrack .event-type,.event-backtrack .spw-viz-event-type,.spw-viz-event-backtrack .event-type,.spw-viz-event-backtrack .spw-viz-event-type{color:var(--spw-color-status-warning)}.event-match .event-type,.event-match .spw-viz-event-type,.spw-viz-event-match .event-type,.spw-viz-event-match .spw-viz-event-type{color:var(--spw-color-status-success)}.event-rule,.spw-viz-event-rule{flex:1;color:var(--spw-color-global-foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-pos,.spw-viz-event-pos{color:var(--spw-color-global-foreground-muted)}.flow-container,.spw-viz-flow-container{display:flex;flex-direction:column;height:100%;min-height:0}.flow-canvas,.spw-viz-flow-canvas{flex:1;min-height:200px;background:var(--spw-color-global-background-base);border-radius:4px}.flow-node,.spw-viz-flow-node{cursor:pointer}.flow-node rect,.spw-viz-flow-node rect{fill:var(--spw-color-surface-card);stroke:var(--spw-color-global-border-default);stroke-width:1;rx:4;transition:all var(--spw-motion-transition-fast)}.flow-node:hover rect,.spw-viz-flow-node:hover rect{stroke:var(--spw-viz-flow-hover-stroke, var(--spw-color-global-accent-primary));fill:var(--spw-viz-flow-hover-fill, rgba(0, 255, 170, .1))}.flow-node.selected rect,.spw-viz-flow-node.selected rect{stroke:var(--spw-viz-flow-selected-stroke, var(--spw-color-global-accent-primary));stroke-width:2;fill:var(--spw-viz-flow-selected-fill, rgba(0, 255, 170, .15))}.flow-node text,.spw-viz-flow-node text{font-family:var(--spw-font-family-mono);font-size:12px;fill:var(--spw-color-global-foreground-primary)}.flow-node .node-type,.spw-viz-flow-node .node-type,.spw-viz-flow-node-type{font-size:10px;fill:var(--spw-color-global-foreground-muted)}.flow-node.type-inject rect,.spw-viz-flow-node.type-inject rect{stroke:var(--spw-color-global-accent-tertiary)}.flow-node.type-tap rect,.spw-viz-flow-node.type-tap rect{stroke:var(--spw-color-global-accent-secondary)}.flow-node.type-wave rect,.spw-viz-flow-node.type-wave rect{stroke:#ff79c6}.flow-node.type-couple rect,.spw-viz-flow-node.type-couple rect{stroke:var(--spw-color-status-warning)}.flow-node.type-probe rect,.spw-viz-flow-node.type-probe rect{stroke:#bd93f9}.flow-node.type-branch rect,.spw-viz-flow-node.type-branch rect{stroke:#f1fa8c}.flow-node.type-emit rect,.spw-viz-flow-node.type-emit rect{stroke:var(--spw-color-global-accent-primary)}.flow-edge,.spw-viz-flow-edge{fill:none;stroke:var(--spw-color-global-border-default);stroke-width:1.5}.flow-edge.type-flow,.spw-viz-flow-edge.type-flow{stroke:var(--spw-color-global-foreground-secondary)}.flow-edge.type-reference,.spw-viz-flow-edge.type-reference{stroke:var(--spw-color-global-accent-primary);stroke-dasharray:4 2}.flow-edge.type-branch,.spw-viz-flow-edge.type-branch{stroke:var(--spw-color-status-warning)}.flow-edge.type-condition,.spw-viz-flow-edge.type-condition{stroke:#bd93f9;stroke-dasharray:2 2}.flow-edge-label,.spw-viz-flow-edge-label{font-family:var(--spw-font-family-mono);font-size:10px;fill:var(--spw-color-global-foreground-muted)}.flow-legend,.spw-viz-flow-legend{display:flex;flex-wrap:wrap;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-sm);border-top:1px solid var(--spw-color-global-border-default);font-size:.7rem}.flow-legend-item,.spw-viz-flow-legend-item{display:flex;align-items:center;gap:var(--spw-space-scale-xs)}.flow-legend-icon,.spw-viz-flow-legend-icon{width:16px;height:16px;border-radius:2px;border:1px solid}.flow-legend-label,.spw-viz-flow-legend-label{color:var(--spw-color-global-foreground-secondary)}.flow-controls,.spw-viz-flow-controls{display:flex;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-sm);border-bottom:1px solid var(--spw-color-global-border-default)}.flow-control-btn,.spw-viz-flow-control-btn{padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:transparent;border:1px solid var(--spw-color-global-border-default);border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.7rem;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.flow-control-btn:hover,.spw-viz-flow-control-btn:hover{border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.flow-control-btn.active,.spw-viz-flow-control-btn.active{background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.flow-diagram,.spw-viz-flow-diagram{padding:var(--spw-space-scale-md);overflow:auto;height:100%}.flow-diagram-content{display:flex;flex-direction:column;gap:var(--spw-space-scale-sm)}.flow-chain{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spw-space-scale-xs)}.flow-step{display:flex;align-items:center}.flow-step .flow-node{display:inline-flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-sm) var(--spw-space-scale-md);border:1px solid var(--spw-color-global-border-default);border-radius:6px;background:var(--spw-color-surface-card);font-family:var(--spw-font-family-mono);font-size:.85rem;cursor:pointer;transition:all var(--spw-motion-transition-fast);position:relative;overflow:hidden}.flow-step .flow-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--node-accent-color, var(--spw-color-global-border-default))}.flow-step .flow-node:hover,.flow-step .flow-node:focus{border-color:var(--node-accent-color, var(--spw-color-global-accent-primary));background:var(--node-bg-color, rgba(0, 255, 170, .1));box-shadow:0 0 12px var(--node-glow-color, rgba(0, 255, 170, .2));outline:none}.flow-step .flow-node.highlighted{border-color:var(--node-accent-color);background:var(--node-bg-color);box-shadow:0 0 16px var(--node-glow-color)}.flow-node-operator{font-weight:700;font-size:1rem;color:var(--node-accent-color, var(--spw-color-global-foreground-primary));min-width:1.2em;text-align:center}.flow-node-label{color:var(--spw-color-global-foreground-primary)}.flow-node-inject{--node-accent-color: var(--spw-color-operator-inject, #00ffaa);--node-bg-color: rgba(0, 255, 170, .15);--node-glow-color: rgba(0, 255, 170, .25)}.flow-node-tap{--node-accent-color: var(--spw-color-operator-tap, #00d4ff);--node-bg-color: rgba(0, 212, 255, .15);--node-glow-color: rgba(0, 212, 255, .25)}.flow-node-wave{--node-accent-color: var(--spw-color-operator-wave, #ff79c6);--node-bg-color: rgba(255, 121, 198, .15);--node-glow-color: rgba(255, 121, 198, .25)}.flow-node-couple{--node-accent-color: var(--spw-color-operator-couple, #ffaa00);--node-bg-color: rgba(255, 170, 0, .15);--node-glow-color: rgba(255, 170, 0, .25)}.flow-node-probe{--node-accent-color: var(--spw-color-operator-probe, #bd93f9);--node-bg-color: rgba(189, 147, 249, .15);--node-glow-color: rgba(189, 147, 249, .25)}.flow-node-branch{--node-accent-color: var(--spw-color-operator-branch, #f1fa8c);--node-bg-color: rgba(241, 250, 140, .15);--node-glow-color: rgba(241, 250, 140, .25)}.flow-node-bias{--node-accent-color: var(--spw-color-operator-bias, #8be9fd);--node-bg-color: rgba(139, 233, 253, .15);--node-glow-color: rgba(139, 233, 253, .25)}.flow-node-emit{--node-accent-color: var(--spw-color-operator-emit, #50fa7b);--node-bg-color: rgba(80, 250, 123, .15);--node-glow-color: rgba(80, 250, 123, .25)}.flow-node-reflect{--node-accent-color: var(--spw-color-operator-reflect, #ffb86c);--node-bg-color: rgba(255, 184, 108, .15);--node-glow-color: rgba(255, 184, 108, .25)}.flow-node-sequence{--node-accent-color: var(--spw-color-global-foreground-muted);--node-bg-color: rgba(150, 150, 150, .1);--node-glow-color: rgba(150, 150, 150, .15)}.flow-node-unknown{--node-accent-color: var(--spw-color-global-border-default);--node-bg-color: rgba(100, 100, 100, .1);--node-glow-color: rgba(100, 100, 100, .15)}.flow-connector{display:flex;align-items:center;justify-content:center;padding:var(--spw-space-scale-xs) 0;padding-left:var(--spw-space-scale-lg);color:var(--spw-color-global-foreground-secondary);font-size:1rem}.flow-arrow{opacity:.8;font-weight:300;color:var(--spw-color-global-accent-primary)}.flow-arrow.flow-branch{color:var(--spw-color-status-warning)}.flow-branches{display:flex;flex-direction:column;gap:var(--spw-space-scale-xs);padding-left:var(--spw-space-scale-lg);border-left:1px dashed var(--spw-color-global-border-default);margin-left:var(--spw-space-scale-sm)}.flow-branch-path{display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.flow-separator{height:1px;background:var(--spw-color-global-border-default);margin:var(--spw-space-scale-md) 0}.flow-footer{display:flex;flex-direction:column;gap:var(--spw-space-scale-sm);padding-top:var(--spw-space-scale-md);margin-top:var(--spw-space-scale-md);border-top:1px solid var(--spw-color-global-border-default)}.flow-summary{display:flex;align-items:center;gap:var(--spw-space-scale-xs);font-size:.75rem;color:var(--spw-color-global-foreground-muted)}.flow-stat{opacity:.9}.flow-stat-separator{opacity:.4}.flow-meta{margin-top:var(--spw-space-scale-sm);display:flex;flex-direction:column;gap:var(--spw-space-scale-xs)}.flow-hint{font-size:.7rem;color:var(--spw-color-global-foreground-secondary)}.flow-legend{display:flex;flex-wrap:wrap;gap:4px}.flow-legend-item{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:4px;background:transparent;font-family:var(--spw-font-family-mono);font-size:.8rem;font-weight:600;color:var(--legend-color, var(--spw-color-global-foreground-muted));border:1px solid var(--legend-color, var(--spw-color-global-border-default));cursor:pointer;transition:all var(--spw-motion-transition-fast)}.flow-legend-item:hover,.flow-legend-item:focus{background:var(--legend-bg, rgba(255, 255, 255, .1));box-shadow:0 0 8px var(--legend-glow, rgba(255, 255, 255, .1));outline:none}.flow-legend-item.active{background:var(--legend-bg);box-shadow:0 0 12px var(--legend-glow)}.flow-legend-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.flow-legend-label{min-width:1em;text-align:center}.flow-legend-item[data-operator="!"]{--legend-color: var(--spw-color-operator-inject, #00ffaa);--legend-bg: rgba(0, 255, 170, .15);--legend-glow: rgba(0, 255, 170, .25)}.flow-legend-item[data-operator="^"]{--legend-color: var(--spw-color-operator-tap, #00d4ff);--legend-bg: rgba(0, 212, 255, .15);--legend-glow: rgba(0, 212, 255, .25)}.flow-legend-item[data-operator="~"]{--legend-color: var(--spw-color-operator-wave, #ff79c6);--legend-bg: rgba(255, 121, 198, .15);--legend-glow: rgba(255, 121, 198, .25)}.flow-legend-item[data-operator="<>"]{--legend-color: var(--spw-color-operator-couple, #ffaa00);--legend-bg: rgba(255, 170, 0, .15);--legend-glow: rgba(255, 170, 0, .25)}.flow-legend-item[data-operator="?"]{--legend-color: var(--spw-color-operator-probe, #bd93f9);--legend-bg: rgba(189, 147, 249, .15);--legend-glow: rgba(189, 147, 249, .25)}.flow-legend-item[data-operator="*"]{--legend-color: var(--spw-color-operator-branch, #f1fa8c);--legend-bg: rgba(241, 250, 140, .15);--legend-glow: rgba(241, 250, 140, .25)}.flow-legend-item[data-operator="="]{--legend-color: var(--spw-color-operator-bias, #8be9fd);--legend-bg: rgba(139, 233, 253, .15);--legend-glow: rgba(139, 233, 253, .25)}.flow-legend-item[data-operator="@"]{--legend-color: var(--spw-color-operator-emit, #50fa7b);--legend-bg: rgba(80, 250, 123, .15);--legend-glow: rgba(80, 250, 123, .25)}.flow-legend-item[data-operator="#"]{--legend-color: var(--spw-color-operator-reflect, #ffb86c);--legend-bg: rgba(255, 184, 108, .15);--legend-glow: rgba(255, 184, 108, .25)}.flow-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--spw-color-global-foreground-muted);font-style:italic}.step-through{display:flex;flex-direction:column;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-sm)}.step-through-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spw-space-scale-sm);border-bottom:1px solid var(--spw-color-global-border-default);padding-bottom:var(--spw-space-scale-sm)}.step-through-title{display:inline-flex;align-items:center;gap:var(--spw-space-scale-xs);min-width:0}.step-phase-indicator{width:10px;height:10px;border-radius:999px;background:var(--spw-color-global-foreground-muted);box-shadow:0 0 0 1px #ffffff14}.step-phase-indicator[data-phase=lexing]{background:var(--spw-color-status-success)}.step-phase-indicator[data-phase=parsing]{background:var(--spw-color-global-accent-secondary)}.step-phase-indicator[data-phase=idle]{background:var(--spw-color-global-foreground-muted)}.step-phase-label{font-family:var(--spw-font-family-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--spw-color-global-foreground-secondary);white-space:nowrap}.step-controls{display:inline-flex;align-items:center;gap:var(--spw-space-scale-xs)}.step-button{min-width:auto;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.75rem;background:#ffffff0a;border:1px solid var(--spw-color-global-border-default);border-radius:4px;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.step-button:hover{background:#00ffaa14;border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.step-button:disabled{display:none}.step-controls-divider{width:1px;height:18px;background:var(--spw-color-global-border-default);opacity:.7}.step-through-info{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:var(--spw-space-scale-sm)}.step-info-empty{font-family:var(--spw-font-family-mono);font-size:.75rem;color:var(--spw-color-global-foreground-muted)}.step-info{display:grid;gap:var(--spw-space-scale-xs)}.step-info-row{display:grid;grid-template-columns:80px 1fr;gap:var(--spw-space-scale-sm)}.step-info-label{color:var(--spw-color-global-foreground-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.step-info-value{font-family:var(--spw-font-family-mono);color:var(--spw-color-global-foreground-secondary)}.step-through-steps{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#00000029}.step-item{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);background:transparent;font-size:.75rem;cursor:pointer;transition:background var(--spw-motion-transition-fast)}.step-item:hover{background:#00ffaa0d}.step-item.step-active{background:#00ffaa26;border-left:2px solid var(--spw-color-global-accent-primary)}.step-item-index{min-width:2.5em;text-align:right;color:var(--spw-color-global-foreground-muted);font-family:var(--spw-font-family-mono)}.step-item-type{min-width:60px;font-weight:600;font-family:var(--spw-font-family-mono)}.step-item-rule{flex:1;color:var(--spw-color-global-foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-through-shortcuts{font-family:var(--spw-font-family-mono);font-size:.7rem;color:var(--spw-color-global-foreground-muted);display:flex;flex-wrap:wrap;gap:var(--spw-space-scale-xs) var(--spw-space-scale-sm)}.step-through-shortcuts .kbd-hint{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--spw-color-global-foreground-secondary)}.spw-document-header{display:flex;align-items:baseline;gap:var(--spw-space-scale-md);padding:var(--spw-space-scale-sm) var(--spw-space-scale-md);border-bottom:1px solid var(--spw-color-global-border-default);background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%)}.spw-editor-tabs{display:inline-flex;align-items:center;gap:4px;padding:2px;border-radius:6px;background:#00000040;border:1px solid var(--spw-color-global-border-default)}.spw-editor-tab{padding:2px 8px;font-family:var(--spw-font-family-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--spw-color-global-foreground-muted);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.spw-editor-tab:hover{color:var(--spw-color-global-foreground-primary);background:#ffffff0f}.spw-editor-tab.active,.spw-editor-tab[aria-selected=true]{color:var(--spw-color-global-foreground-primary);border-color:var(--spw-color-global-accent-primary);background:#00ffaa14}.spw-editor-readonly{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,170,0,.4);background:#ffaa001f;font-size:.65rem;font-family:var(--spw-font-family-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--spw-color-status-warning)}[data-editor-tab=document] .spw-editor-readonly[hidden]{display:none}.spw-document-name{font-family:var(--spw-font-family-mono);font-size:1rem;font-weight:600;color:var(--spw-color-global-foreground-primary);margin:0;cursor:text;transition:all var(--spw-motion-transition-fast)}.spw-document-name:hover{color:var(--spw-color-global-accent-primary)}.spw-document-name:focus{outline:none;color:var(--spw-color-global-accent-primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.spw-document-name-input{font:inherit;color:inherit;background:transparent;border:none;border-bottom:1px solid var(--spw-color-global-accent-primary);padding:0;margin:0;width:auto;min-width:8ch}.spw-document-name-input:focus{outline:none;border-bottom-color:var(--spw-color-global-accent-secondary)}.spw-document-kind{display:inline-flex;align-items:center;padding:2px 8px;font-family:var(--spw-font-family-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;background:#0003;border:1px solid var(--spw-color-global-border-default);color:var(--spw-color-global-foreground-secondary)}.spw-document-kind[data-kind=script]{border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary);background:#00ffaa1a}.spw-document-kind[data-kind=module]{border-color:var(--spw-color-global-accent-secondary);color:var(--spw-color-global-accent-secondary);background:#00d4ff1a}.spw-document-kind[data-kind=sketch]{border-color:var(--spw-color-status-warning);color:var(--spw-color-status-warning);background:#ffaa001a}.spw-document-kind[data-kind=reference]{border-color:var(--spw-color-global-foreground-muted);color:var(--spw-color-global-foreground-muted);background:#ffffff0d}.spw-document-meta{margin-left:auto;display:flex;align-items:center;gap:var(--spw-space-scale-sm);font-family:var(--spw-font-family-mono);font-size:.65rem;color:var(--spw-color-global-foreground-muted)}.spw-document-modified{opacity:.7}.spw-document-tags{display:flex;gap:4px}.spw-document-tag{padding:1px 6px;background:#ffffff0d;border-radius:3px;font-size:.6rem}.spw-document-header[data-unsaved=true] .spw-document-name:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;background:var(--spw-color-status-warning);border-radius:50%;vertical-align:middle;animation:unsaved-pulse 2s ease-in-out infinite}@keyframes unsaved-pulse{0%,to{opacity:.6}50%{opacity:1}}.spw-document-nav{display:flex;align-items:center;gap:var(--spw-space-scale-xs);margin-left:auto;margin-right:var(--spw-space-scale-sm)}.spw-document-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#0003;border:1px solid var(--spw-color-global-border-default);border-radius:4px;color:var(--spw-color-global-foreground-secondary);font-size:1rem;cursor:pointer;transition:all var(--spw-motion-transition-fast)}.spw-document-nav-btn:hover{background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.spw-document-nav-icon{font-weight:600}.spw-document-selector{position:relative}.spw-document-current{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:4px 8px;background:#0003;border:1px solid var(--spw-color-global-border-default);border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.8rem;color:var(--spw-color-global-foreground-primary);cursor:pointer;transition:all var(--spw-motion-transition-fast);min-width:120px;max-width:200px}.spw-document-current:hover{background:#00ffaa14;border-color:var(--spw-color-global-accent-primary)}.spw-document-current[aria-expanded=true]{border-color:var(--spw-color-global-accent-primary);box-shadow:0 0 8px #0fa3}.spw-document-current-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.spw-document-current-kind{padding:1px 4px;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;background:#ffffff1a;color:var(--spw-color-global-foreground-muted)}.spw-document-current-kind[data-kind=script]{background:#00ffaa26;color:var(--spw-color-global-accent-primary)}.spw-document-current-kind[data-kind=module]{background:#00d4ff26;color:var(--spw-color-global-accent-secondary)}.spw-document-current-kind[data-kind=sketch]{background:#ffaa0026;color:var(--spw-color-status-warning)}.spw-document-current-kind[data-kind=reference]{background:#00aaff26;color:var(--spw-color-global-accent-secondary)}.spw-document-current-kind[data-source=examples]{background:#b478ff2e;color:#bb7de8}.spw-document-selector-arrow{font-size:.7rem;color:var(--spw-color-global-foreground-muted);transition:transform var(--spw-motion-transition-fast)}.spw-document-current[aria-expanded=true] .spw-document-selector-arrow{transform:rotate(180deg)}.spw-document-list{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;margin:0;padding:var(--spw-space-scale-xs);list-style:none;background:var(--spw-color-surface-panel, var(--spw-color-surface-card));border:1px solid var(--spw-color-global-border-default);border-radius:6px;box-shadow:0 4px 12px #0000004d,0 0 1px #0fa3;z-index:100}.spw-document-list ul{list-style:none;margin:0;padding:0}.spw-document-list[hidden]{display:none}.spw-document-list-toolbar{list-style:none;margin:0;padding:0}.spw-document-list-item{display:flex;align-items:center;gap:var(--spw-space-scale-sm);padding:var(--spw-space-scale-sm);border-radius:4px;cursor:pointer;transition:all var(--spw-motion-transition-fast);position:relative}.spw-document-list-item:hover{background:#00ffaa1a}.spw-document-list-item[aria-selected=true]{background:#00ffaa26;border-left:2px solid var(--spw-color-global-accent-primary)}.spw-document-list-item-name{flex:1;font-family:var(--spw-font-family-mono);font-size:.8rem;color:var(--spw-color-global-foreground-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spw-document-list-item-kind{padding:1px 4px;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;border-radius:2px;background:#ffffff1a;color:var(--spw-color-global-foreground-muted)}.spw-document-list-item-kind[data-source=docs]{background:#00aaff26;color:var(--spw-color-global-accent-secondary)}.spw-document-list-item-kind[data-source=examples]{background:#b478ff2e;color:#bb7de8}.spw-document-list-item-time{font-size:.6rem;color:var(--spw-color-global-foreground-muted)}.spw-document-list-item-actions{display:inline-flex;align-items:center;gap:4px}.spw-document-item-action{width:22px;height:22px;padding:0;border-radius:4px;border:1px solid var(--spw-color-global-border-default);background:#0003;color:var(--spw-color-global-foreground-muted);font-size:.7rem;line-height:1;cursor:pointer;opacity:0;transform:translateY(2px);pointer-events:none;transition:all var(--spw-motion-transition-fast)}.spw-document-item-action--archive{border-color:#ffaa0059;color:var(--spw-color-status-warning)}.spw-document-item-action--delete{border-color:#ff475759;color:var(--spw-color-status-danger)}.spw-document-list-item:hover .spw-document-item-action,.spw-document-list-item:focus-visible .spw-document-item-action,.spw-document-list-item[aria-selected=true] .spw-document-item-action{opacity:.9;transform:translateY(0);pointer-events:auto}.spw-document-item-action:hover{opacity:1;background:#ffffff14;border-color:var(--spw-color-global-foreground-primary)}.spw-document-list-empty{padding:var(--spw-space-scale-md);text-align:center;font-size:.75rem;color:var(--spw-color-global-foreground-muted);font-style:italic}.spw-document-library-group{margin-bottom:var(--spw-space-scale-sm);list-style:none}.spw-document-library-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.7rem;font-weight:600;color:var(--spw-color-global-foreground-secondary);border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%)}.spw-document-library-title{text-transform:uppercase;letter-spacing:.05em}.spw-document-library-count{font-size:.6rem;padding:1px 5px;background:#ffffff1a;border-radius:8px;color:var(--spw-color-global-foreground-muted)}.spw-document-library-items{list-style:none;margin:0;padding:0;padding-left:var(--spw-space-scale-sm);border-left:1px solid rgba(255,255,255,.1);margin-left:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-xs)}.spw-document-list-item--library{align-items:flex-start}.spw-document-list-item--library .spw-document-list-item-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.spw-document-list-item--library .spw-document-list-item-detail{font-size:.65rem;color:var(--spw-color-global-foreground-muted);font-family:var(--spw-font-family-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spw-document-list-actions{display:flex;gap:var(--spw-space-scale-xs);padding-top:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-xs);border-top:1px solid var(--spw-color-global-border-default)}.spw-document-list-action{flex:1;padding:var(--spw-space-scale-xs);background:transparent;border:1px solid var(--spw-color-global-border-default);border-radius:4px;font-family:var(--spw-font-family-mono);font-size:.65rem;color:var(--spw-color-global-foreground-secondary);cursor:pointer;transition:all var(--spw-motion-transition-fast)}.spw-document-list-action:hover{background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary);color:var(--spw-color-global-accent-primary)}.spw-document-list-action:disabled,.spw-document-list-action[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent;border-color:var(--spw-color-global-border-default);color:var(--spw-color-global-foreground-muted)}.spw-document-view-toggle{display:flex;gap:2px;padding:var(--spw-space-scale-xs);margin-bottom:var(--spw-space-scale-xs);border-bottom:1px solid var(--spw-color-global-border-default)}.spw-view-btn{flex:1;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:.75rem;cursor:pointer;opacity:.6;transition:all var(--spw-motion-transition-fast)}.spw-view-btn:hover{opacity:1;background:#ffffff0d}.spw-view-btn.active{opacity:1;background:#00ffaa1a;border-color:var(--spw-color-global-accent-primary)}.spw-constellation{margin-bottom:var(--spw-space-scale-sm);list-style:none}.spw-constellation-header{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.7rem;font-weight:600;color:var(--spw-color-global-foreground-secondary);border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%);cursor:default}.spw-constellation-icon{font-size:.85rem}.spw-constellation-name{flex:1;text-transform:uppercase;letter-spacing:.05em}.spw-constellation-count{font-size:.6rem;padding:1px 5px;background:#ffffff1a;border-radius:8px;color:var(--spw-color-global-foreground-muted)}.spw-constellation-docs{list-style:none;margin:0;padding:0;padding-left:var(--spw-space-scale-sm);border-left:1px solid rgba(255,255,255,.1);margin-left:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-xs)}.spw-constellation--unclustered .spw-constellation-header{opacity:.7}.spw-role-group{margin-bottom:var(--spw-space-scale-sm);list-style:none}.spw-role-header{display:flex;align-items:center;gap:var(--spw-space-scale-xs);padding:var(--spw-space-scale-xs) var(--spw-space-scale-sm);font-size:.7rem;font-weight:600;color:var(--spw-color-global-foreground-secondary);border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%)}.spw-role-icon{font-size:.85rem}.spw-role-name{flex:1;text-transform:uppercase;letter-spacing:.05em}.spw-role-count{font-size:.6rem;padding:1px 5px;background:#ffffff1a;border-radius:8px;color:var(--spw-color-global-foreground-muted)}.spw-role-docs{list-style:none;margin:0;padding:0;padding-left:var(--spw-space-scale-sm);border-left:1px solid rgba(255,255,255,.1);margin-left:var(--spw-space-scale-xs);margin-top:var(--spw-space-scale-xs)}.spw-role-group[data-role=protagonist] .spw-role-header{color:#f5c73d;background:linear-gradient(90deg,rgba(255,200,0,.1) 0%,transparent 100%)}.spw-role-group[data-role=staging] .spw-role-header{color:#b870db;background:linear-gradient(90deg,rgba(180,100,255,.1) 0%,transparent 100%)}.spw-role-group[data-role=reference] .spw-role-header{color:#52b1e0;background:linear-gradient(90deg,rgba(100,180,255,.1) 0%,transparent 100%)}.spw-document-list-item-role{flex-shrink:0;font-size:.75rem;opacity:.8}.spw-document-list-item[data-purpose]:hover:after{content:attr(data-purpose);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:var(--spw-color-surface-panel);border:1px solid var(--spw-color-global-border-default);border-radius:4px;font-size:.65rem;font-style:italic;color:var(--spw-color-global-foreground-secondary);white-space:nowrap;z-index:101;pointer-events:none}.lifecycle-skeleton{opacity:.7}.skeleton-line{height:12px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.5s ease-in-out infinite;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.indent{margin-left:16px}.skeleton-line.code{height:14px}.skeleton-panel{padding:16px}.skeleton-header{margin-bottom:16px}.skeleton-title{width:40%;height:16px;margin-bottom:8px}.skeleton-subtitle{width:60%;height:10px}.skeleton-body .skeleton-line:last-child{margin-bottom:0}.skeleton-list{padding:8px}.skeleton-list-item{padding:8px;border-bottom:1px solid var(--spw-color-global-border-default)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-tree{padding:8px}.skeleton-tree-node{padding:4px 0}.skeleton-tree-children{margin-left:16px;border-left:1px solid var(--spw-color-global-border-default);padding-left:8px}.skeleton-text{padding:16px}.skeleton-text .skeleton-line{margin-bottom:12px}.skeleton-tabs{padding:8px 16px}.skeleton-tab-bar{display:flex;gap:8px}.skeleton-tab{width:60px;height:24px;background:#ffffff0d;border-radius:4px}.skeleton-tab.active{background:#00ffaa1a}.skeleton-editor{display:flex;padding:8px;gap:8px}.skeleton-line-numbers{width:24px;padding:4px;border-right:1px solid var(--spw-color-global-border-default)}.skeleton-ln{height:14px;font-size:10px;color:var(--spw-color-global-foreground-muted);text-align:right;line-height:14px;margin-bottom:4px}.skeleton-code{flex:1;padding:4px}.skeleton-code .skeleton-line{margin-bottom:4px}.skeleton-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px;min-height:100px}.skeleton-flow-node{width:60px;height:40px;background:#ffffff0d;border:1px solid var(--spw-color-global-border-default);border-radius:4px}.skeleton-flow-arrow{color:var(--spw-color-global-foreground-muted);font-size:16px}.lifecycle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.lifecycle-error-icon{font-size:32px;color:var(--spw-color-status-warning)}.lifecycle-error-message{font-size:.875rem;color:var(--spw-color-global-foreground-secondary)}.lifecycle-retry-btn{padding:8px 16px;background:transparent;border:1px solid var(--spw-color-global-accent-primary);border-radius:4px;color:var(--spw-color-global-accent-primary);font-family:var(--spw-font-family-mono);font-size:.75rem;cursor:pointer;transition:all var(--spw-motion-transition-fast)}.lifecycle-retry-btn:hover{background:#00ffaa1a}[data-lifecycle-state=pending],[data-lifecycle-state=loading]{position:relative}[data-lifecycle-state=hidden]{display:none!important}[data-lifecycle-state=error]{border-color:var(--spw-color-status-danger)!important}@media(prefers-reduced-motion:reduce){.lifecycle-skeleton,.skeleton-line{animation:none}}@media(max-width:900px){.spw-app-main,.hud-main{grid-template-columns:1fr}.spw-app-sidebar,.hud-sidebar,.spw-app-minimap,.hud-minimap{display:none}.spw-app-header,.hud-header{flex-wrap:wrap;gap:var(--space-md)}.spw-app-nav .nav-list,.hud-nav .nav-list{order:3;width:100%;justify-content:center}.split-pane,.spw-ui-split-pane{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.resize-handle,.spw-ui-resize-handle{cursor:row-resize;height:6px}}@media(max-width:600px){.spw-app-header,.hud-header{padding:var(--space-sm) var(--space-md)}.spw-app-logo h1,.hud-logo h1{font-size:1rem}.nav-link{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.stat-grid,.spw-ui-stat-grid{grid-template-columns:1fr}.inspector-tabs,.spw-ui-inspector-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.inspector-tab,.spw-ui-inspector-tab{flex:0 0 auto;min-width:80px}.toast-container,.spw-ui-toast-container{bottom:auto;top:var(--space-lg);right:var(--space-md);left:var(--space-md)}.toast,.spw-ui-toast{width:100%}.modal-content,.spw-ui-modal-content{min-width:auto;width:calc(100vw - 32px);max-height:calc(100vh - 64px)}}@media(min-width:1200px){.spw-app-main,.hud-main{--spw-sidebar-width-collapsed: 48px}.split-pane,.spw-ui-split-pane{grid-template-columns:minmax(560px,1fr) 6px minmax(380px,.8fr)}}@media(min-width:1800px){.spw-app-main,.hud-main{--spw-sidebar-width-collapsed: 56px;padding:var(--space-md)}.split-pane,.spw-ui-split-pane{grid-template-columns:minmax(600px,1fr) 6px minmax(420px,.8fr)}:root{--font-size-code: 1.125rem}}[data-breakpoint=compact] .desktop-only{display:none!important}[data-breakpoint=compact] .mobile-only,[data-breakpoint=medium] .mobile-only{display:block}.compact-mode{--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--font-size-base: .875rem;--font-size-code: .875rem}.high-contrast{--hud-border: rgba(255, 255, 255, .5);--hud-border-bright: rgba(255, 255, 255, .8);--hud-text: #ffffff;--hud-text-dim: rgba(255, 255, 255, .8);--hud-text-muted: rgba(255, 255, 255, .6)}@media print{body:before{display:none}.spw-app-header,.hud-header,.spw-app-sidebar,.hud-sidebar,.spw-app-footer,.hud-footer,.spw-app-minimap,.hud-minimap{display:none}.spw-app-main,.hud-main,.split-pane{display:block}.primary-panel,.secondary-panel{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;margin-bottom:1rem}}