.synq-interactive-demo_synqDemo__jNSVV{--synq-bg:#100B0B;--synq-accent:#00FF95;--synq-border:rgba(255,255,255,0.1);--synq-text:#F5F6F7;--synq-muted:#9ca3af;--synq-title-bg:rgba(0,0,0,0.3);--editor-line-height:1.5;--editor-font-size:0.8125rem;--editor-padding-block:0.75rem;box-sizing:border-box}.synq-interactive-demo_synqDemo__jNSVV *,.synq-interactive-demo_synqDemo__jNSVV :after,.synq-interactive-demo_synqDemo__jNSVV :before{box-sizing:border-box}.synq-interactive-demo_dualEditorContainer__PEfJ3{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:900px;margin:0 auto}@media (max-width:768px){.synq-interactive-demo_dualEditorContainer__PEfJ3{grid-template-columns:1fr}}.synq-interactive-demo_codeWindow__mpb0b{background:var(--synq-bg);border:1px solid var(--synq-border);border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;min-height:280px}.synq-interactive-demo_codeWindow__mpb0b.synq-interactive-demo_userA__0J_02{border-color:rgba(0,255,149,.2)}.synq-interactive-demo_codeWindow__mpb0b.synq-interactive-demo_userB__K2p_a{border-color:rgba(0,255,149,.15)}.synq-interactive-demo_titleBar__OH0vF{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--synq-title-bg);border-bottom:1px solid var(--synq-border)}.synq-interactive-demo_tabs__bBFrf{display:flex;align-items:center;gap:.25rem}.synq-interactive-demo_tab___yDge{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8125rem;color:var(--synq-muted)}.synq-interactive-demo_tab___yDge.synq-interactive-demo_active__u9DHF{color:var(--synq-text)}.synq-interactive-demo_tabIcon__F3ebP{font-size:.7rem;padding:.1rem .25rem;background:rgba(0,255,149,.2);color:var(--synq-accent);border-radius:.25rem}.synq-interactive-demo_tabClose__zBgFz{margin-left:.25rem;opacity:.7;cursor:default}.synq-interactive-demo_windowControls__e3tKJ{display:flex;align-items:center}.synq-interactive-demo_statusIndicator__hUDJF{font-size:.75rem;color:var(--synq-accent)}.synq-interactive-demo_windowBody__GSL6G{flex:1;display:flex;min-height:0;position:relative}.synq-interactive-demo_editorWrapper__w94x_{flex:1;position:relative;min-width:0;display:flex;overflow:hidden}.synq-interactive-demo_lineNumbers__eSwoa{padding:var(--editor-padding-block) .5rem;color:var(--synq-muted);user-select:none;text-align:right;min-width:2.5rem;border-right:1px solid var(--synq-border);white-space:pre}.synq-interactive-demo_codeEditor__FG6l4,.synq-interactive-demo_lineNumbers__eSwoa{font-size:var(--editor-font-size);font-family:ui-monospace,SF Mono,Cascadia Code,monospace;line-height:var(--editor-line-height)}.synq-interactive-demo_codeEditor__FG6l4{flex:1;padding:var(--editor-padding-block) .75rem;color:var(--synq-text);outline:none;overflow:auto;white-space:pre-wrap;word-break:break-word;tab-size:4;min-height:100%;margin:0;border:0}.synq-interactive-demo_codeEditor__FG6l4:empty:before{content:" "}.synq-interactive-demo_markerLayer___5ULn{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.synq-interactive-demo_marker__Kbnhr{left:0;right:0;border-left:3px solid var(--synq-accent);background:rgba(0,255,149,.08);font-size:.65rem;color:var(--synq-accent);display:flex;align-items:center;padding-left:.5rem;box-sizing:border-box}.synq-interactive-demo_marker__Kbnhr.synq-interactive-demo_lineAdded__1ogXX{border-left-color:var(--synq-accent);background:rgba(0,255,149,.06)}.synq-interactive-demo_marker__Kbnhr.synq-interactive-demo_lineEdited__YGfJF{border-left-color:rgba(255,193,7,.9);background:rgba(255,193,7,.06)}.synq-interactive-demo_statusBar__f31bg{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;font-size:.75rem;color:var(--synq-muted);background:var(--synq-title-bg);border-top:1px solid var(--synq-border)}.synq-interactive-demo_statusItem__7KdAJ.synq-interactive-demo_right__535ee{display:flex;align-items:center;gap:.5rem;margin-left:auto}.synq-interactive-demo_gitBtn__ia1_i{padding:.2rem .5rem;font-size:.7rem;background:rgba(0,255,149,.15);color:var(--synq-accent);border:1px solid rgba(0,255,149,.3);border-radius:.25rem;cursor:pointer}.synq-interactive-demo_gitBtn__ia1_i:hover{background:rgba(0,255,149,.25)}.synq-interactive-demo_userLabel__eJJbB{margin-left:.5rem;color:var(--synq-muted)}