:root{--gray-light:#2e2e2e;--orange-light:#5c2600;--green-light:#085c00;--blue-light:#05006d;--violet-light:#7c38f5;--cyan-light:#004c5c;--magenta-light:#a20031;--gray-dark:#b3b3b3;--orange-dark:#fda668;--green-dark:#99d194;--blue-dark:#b8b6e2;--violet-dark:#caadfb;--cyan-dark:#72f3ea;--magenta-dark:#f4a4b4;--gray-dark-alt:#6e6e6e;--orange-dark-alt:#fd6e08;--green-dark-alt:#8ecc88;--blue-dark-alt:#b1afdf;--magenta-dark-alt:#f39bac;--gray:var(--gray-light);--orange:var(--orange-light);--green:var(--green-light);--blue:var(--blue-light);--violet:var(--violet-light);--cyan:var(--cyan-light);--magenta:var(--magenta-light);--primary-alpha-8:#7c38f514;--primary-alpha-12:#7c38f51f;--primary-alpha-15:#7c38f526;--primary-alpha-16:#7c38f529;--primary-alpha-03:#7c38f508;--primary-alpha-20:#7c38f533;--primary-alpha-40:#7c3aed66;--primary-alpha-50:#7c3aed80;--primary-dark-alpha-05:#a78bfa0d;--primary-dark-alpha-10:#a78bfa1a;--primary-dark-alpha-15:#a78bfa26;--primary-dark-alpha-20:#a78bfa33;--primary-dark-alpha-40:#8b5cf666;--primary-dark-alpha-50:#8b5cf680;--primary-dark-alpha-30:#8b5cf64d;--white-alpha-80:#fffc;--white-alpha-90:#ffffffe6;--error-light-alpha:#dc26261a;--error-dark-alpha:#ef444426;--warning-light-alpha:#d977061a;--warning-dark-alpha:#f59e0b26;--info-light-alpha:#0284c71a;--info-dark-alpha:#3b82f626;--type-light-alpha:#db27771a;--type-dark-alpha:#f472b626;--function-light-alpha:#7c3aed1a;--function-dark-alpha:#c4b5fd26;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Droid Sans Mono","Source Code Pro",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--size-1:1px;--size-2:2px;--size-8:8px;--size-16:16px;--size-18:18px;--size-24:24px;--size-35:35px;--size-48:48px;--size-50:50px;--size-70:70px;--size-120:120px;--size-180:180px;--size-220:220px;--size-300:300px;--size-400:400px;--move-up-sm:-1px;--z-base:1;--z-dropdown:10;--z-modal:100;--z-tooltip:1000;--header-height:68px;--footer-height:120px;--panel-header-height:50px;--examples-header-height:35px;--breakpoint-mobile:768px;--text-xs:10px;--text-xs-plus:11px;--text-sm:12px;--text-sm-plus:13px;--text-base:14px;--text-lg:18px;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--font-normal:400;--font-medium:500;--font-semibold:600;--radius-sm:3px;--radius-base:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:50%;--shadow-sm:0 1px 2px #0000000d;--shadow-base:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--ease-out:cubic-bezier(.25,.46,.45,.94);--ease-in-out:cubic-bezier(.4,0,.2,1);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--roc-purple:#7c38f5;--roc-purple-light:#9b6bf2;--roc-purple-dark:#6528d7;--roc-cyan:#1bd6bd;--roc-cyan-light:#4eefd9;--roc-cyan-dark:#0ea5e9;--color-primary:var(--roc-purple);--color-primary-hover:var(--roc-purple-light);--color-primary-active:var(--roc-purple-dark);--color-accent:var(--roc-cyan);--color-accent-hover:var(--roc-cyan-light);--color-success:var(--green);--color-warning:var(--orange);--color-error:var(--magenta);--color-info:var(--blue);--syntax-keyword:var(--magenta);--syntax-string:var(--cyan);--syntax-number:var(--cyan);--syntax-comment:var(--gray);--syntax-function:var(--blue);--syntax-type:var(--green);--syntax-operator:var(--orange);--syntax-punctuation:var(--gray);--syntax-attribute:var(--magenta);--state-hover:var(--primary-alpha-8);--state-active:var(--primary-alpha-12);--state-focus:var(--primary-alpha-16);--state-disabled:#64748b80;--editor-bg:#fafafa;--editor-selection:var(--primary-alpha-15);--editor-cursor:var(--roc-purple);--editor-line-highlight:var(--primary-alpha-03);--overlay-white:var(--white-alpha-80);--overlay-error:var(--error-light-alpha);--overlay-warning:var(--warning-light-alpha);--overlay-info:var(--info-light-alpha);--overlay-type:var(--type-light-alpha);--overlay-function:var(--function-light-alpha);--search-match-bg:#ffeb3b66;--search-match-border:#ffeb3bcc;--search-match-selected-bg:#ffc10799;--search-match-selected-border:#ffc107;--bracket-match-bg:#22863a26;--bracket-match-border:#22863a66;--bracket-mismatch-bg:#da363326;--bracket-mismatch-border:#da363366;--source-range-bg:var(--primary-alpha-20);--source-range-border:var(--primary-alpha-40);--source-range-selection:var(--primary-alpha-40);--source-range-selection-focused:var(--primary-alpha-50);--tooltip-bg:var(--bg-elevated);--tooltip-text:var(--text-primary);--tooltip-border:var(--border-default);--tooltip-shadow:var(--shadow-lg);--tooltip-type:var(--syntax-type);--tooltip-error:var(--color-error)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--gray:var(--gray-dark);--orange:var(--orange-dark);--green:var(--green-dark);--blue:var(--blue-dark);--violet:var(--violet-dark);--magenta:var(--magenta-dark);--cyan:var(--cyan-dark);--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-subtle:#334155;--border-default:#475569;--border-strong:#64748b;--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-active:#8b5cf6;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--state-hover:var(--primary-dark-alpha-10);--state-active:var(--primary-dark-alpha-15);--state-focus:var(--primary-dark-alpha-20);--editor-bg:#181d34;--editor-selection:var(--primary-dark-alpha-20);--editor-cursor:var(--color-primary);--editor-line-highlight:var(--primary-dark-alpha-05);--overlay-white:var(--white-alpha-90);--overlay-error:var(--error-dark-alpha);--overlay-warning:var(--warning-dark-alpha);--overlay-info:var(--info-dark-alpha);--overlay-type:var(--type-dark-alpha);--overlay-function:var(--function-dark-alpha);--search-match-bg:#ffeb3b4d;--search-match-border:#ffeb3b99;--search-match-selected-bg:#ffc10766;--search-match-selected-border:#ffc107cc;--bracket-match-bg:#2ea04333;--bracket-match-border:#2ea04380;--bracket-mismatch-bg:#f8514933;--bracket-mismatch-border:#f8514980;--source-range-bg:var(--primary-dark-alpha-30);--source-range-border:var(--primary-dark-alpha-50);--source-range-selection:var(--primary-dark-alpha-40);--source-range-selection-focused:var(--primary-dark-alpha-50)}}[data-theme=light]{--gray:var(--gray-light);--orange:var(--orange-light);--green:var(--green-light);--blue:var(--blue-light);--violet:var(--violet-light);--cyan:var(--cyan-light);--magenta:var(--magenta-light);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--color-primary:var(--roc-purple);--color-primary-hover:var(--roc-purple-light);--color-primary-active:var(--roc-purple-dark);--color-accent:var(--roc-cyan);--color-accent-hover:var(--roc-cyan-light);--color-success:var(--green);--color-warning:var(--orange);--color-error:var(--magenta);--color-info:var(--blue);--syntax-keyword:var(--magenta);--syntax-string:var(--cyan);--syntax-number:var(--cyan);--syntax-comment:var(--gray);--syntax-function:var(--blue);--syntax-type:var(--green);--syntax-operator:var(--orange);--syntax-punctuation:var(--gray);--syntax-attribute:var(--magenta);--state-hover:var(--primary-alpha-8);--state-active:var(--primary-alpha-12);--state-focus:var(--primary-alpha-16);--editor-bg:#fafafa;--editor-selection:var(--primary-alpha-15);--editor-cursor:var(--roc-purple);--editor-line-highlight:var(--primary-alpha-03);--overlay-white:var(--white-alpha-80);--overlay-error:var(--error-light-alpha);--overlay-warning:var(--warning-light-alpha);--overlay-info:var(--info-light-alpha);--overlay-type:var(--type-light-alpha);--overlay-function:var(--function-light-alpha);--search-match-bg:#ffeb3b66;--search-match-border:#ffeb3bcc;--search-match-selected-bg:#ffc10799;--search-match-selected-border:#ffc107;--bracket-match-bg:#22863a26;--bracket-match-border:#22863a66;--bracket-mismatch-bg:#da363326;--bracket-mismatch-border:#da363366;--source-range-bg:var(--primary-alpha-20);--source-range-border:var(--primary-alpha-40);--source-range-selection:var(--primary-alpha-40);--source-range-selection-focused:var(--primary-alpha-50)}[data-theme=dark]{--gray:var(--gray-dark-alt);--orange:var(--orange-dark-alt);--green:var(--green-dark-alt);--blue:var(--blue-dark-alt);--violet:var(--violet-light);--cyan:var(--cyan-dark);--magenta:var(--magenta-dark-alt);--syntax-keyword:var(--magenta);--syntax-string:var(--cyan);--syntax-number:var(--cyan);--syntax-comment:var(--gray);--syntax-function:var(--blue);--syntax-type:var(--green);--syntax-operator:var(--orange);--syntax-punctuation:var(--gray);--syntax-attribute:var(--magenta);--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--border-subtle:#334155;--border-default:#475569;--border-strong:#64748b;--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-active:#8b5cf6;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--state-hover:var(--primary-dark-alpha-10);--state-active:var(--primary-dark-alpha-15);--state-focus:var(--primary-dark-alpha-20);--editor-bg:#0f172a;--editor-selection:var(--primary-dark-alpha-20);--editor-cursor:var(--color-primary);--editor-line-highlight:var(--primary-dark-alpha-05);--overlay-white:var(--white-alpha-90);--overlay-error:var(--error-dark-alpha);--overlay-warning:var(--warning-dark-alpha);--overlay-info:var(--info-dark-alpha);--overlay-type:var(--type-dark-alpha);--overlay-function:var(--function-dark-alpha);--search-match-bg:#ffeb3b4d;--search-match-border:#ffeb3b99;--search-match-selected-bg:#ffc10766;--search-match-selected-border:#ffc107cc;--bracket-match-bg:#2ea04333;--bracket-match-border:#2ea04380;--bracket-mismatch-bg:#f8514933;--bracket-mismatch-border:#f8514980;--source-range-bg:var(--primary-dark-alpha-30);--source-range-border:var(--primary-dark-alpha-50);--source-range-selection:var(--primary-dark-alpha-40);--source-range-selection-focused:var(--primary-dark-alpha-50);--tooltip-shadow:0 4px 12px #0006}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--text-base);height:100vh;line-height:var(--leading-normal);overflow:hidden}*{transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);justify-content:space-between;padding:var(--space-4) var(--space-6);position:relative;z-index:var(--z-dropdown)}.header,.header-title{align-items:center;display:flex}.header-title{gap:var(--space-2)}.header-title-text{color:var(--color-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-medium)}.header-status{align-items:center;display:flex;gap:var(--space-4)}.status-text{color:var(--text-tertiary);font-size:var(--text-sm)}.theme-toggle{align-items:center;display:flex;gap:var(--space-3)}.theme-label{color:var(--text-tertiary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.theme-switch{background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;height:var(--size-24);position:relative;transition:all var(--duration-base) var(--ease-out);width:var(--size-48)}.theme-switch:hover{background-color:var(--state-hover);border-color:var(--color-primary)}.theme-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--size-2)}.theme-switch-slider{background-color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:var(--size-18);left:var(--size-2);position:absolute;top:var(--size-2);transition:transform var(--duration-base) var(--ease-out);width:var(--size-18)}[data-theme=dark] .theme-switch-slider{transform:translateX(var(--size-24))}.share-button{background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-width:var(--size-70);padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--duration-base) var(--ease-out)}.share-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary)}.share-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--size-2)}.main-container{display:flex;flex:1;height:calc(100vh - var(--header-height) - var(--footer-height));overflow:hidden}.examples-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:var(--footer-height)}.examples-header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);height:var(--examples-header-height);padding:var(--space-2) var(--space-5)}.examples-list{display:flex;flex:1;gap:var(--space-1);overflow:auto hidden}.example-item,.examples-list{padding:var(--space-2) var(--space-3)}.example-item{border:1px solid var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;max-width:var(--size-220);min-width:var(--size-180);transition:all var(--duration-base) var(--ease-out)}.example-item:hover{background-color:var(--state-hover);border:1px solid var(--border-subtle)}.example-item:active{background-color:var(--state-active)}.example-item.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary)}.example-title{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.example-description,.example-title{font-size:var(--text-sm);line-height:var(--leading-tight)}.example-description{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.example-item.active .example-description{color:var(--overlay-white)}.resize-handle{background-color:var(--border-subtle);cursor:col-resize;flex-shrink:0;position:relative;transition:background-color var(--duration-base) var(--ease-out);width:var(--size-1)}.resize-handle:hover{background-color:var(--color-primary)}.resize-handle:before{background-color:#0000;bottom:0;content:"";left:calc(var(--size-2)*-1);position:absolute;right:calc(var(--size-2)*-1);top:0}.editor-container{display:flex;flex:1;flex-direction:column;min-width:var(--size-300)}.editor-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;height:var(--panel-header-height);justify-content:space-between;padding:var(--space-4) var(--space-5)}.editor-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.editor{flex:1;height:0;min-height:0;position:relative}.cm-editor{background-color:var(--editor-bg);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--text-sm);height:100%;line-height:var(--leading-relaxed)}.cm-editor.cm-focused{outline:none}.cm-content{caret-color:var(--editor-cursor);padding:var(--space-5)}.cm-scroller{flex:1;min-height:0;overflow:auto}.cm-line{line-height:var(--leading-relaxed);padding:0}.cm-cursor{border-left:var(--size-1) solid var(--editor-cursor)}.cm-selectionBackground{background:var(--editor-selection)!important}.cm-activeLine,.cm-activeLineGutter{background:var(--editor-line-highlight)}.cm-gutters{background:var(--editor-bg);border-right:1px solid var(--border-default);color:var(--text-secondary)}.cm-lineNumbers{font-family:var(--font-mono);font-size:var(--text-xs-plus)}.cm-lineNumbers .cm-gutterElement{min-width:var(--size-48);padding:0 var(--space-2);text-align:right}.cm-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-base);color:var(--text-primary)}.cm-searchMatch{background:var(--search-match-bg);border:1px solid var(--search-match-border);border-radius:var(--size-2)}.cm-searchMatch.cm-searchMatch-selected{background:var(--search-match-selected-bg);border-color:var(--search-match-selected-border)}.cm-matchingBracket{background:var(--bracket-match-bg);border:1px solid var(--bracket-match-border);border-radius:var(--size-2)}.cm-nonmatchingBracket{background:var(--bracket-mismatch-bg);border:1px solid var(--bracket-mismatch-border);border-radius:var(--size-2)}.cm-diagnostic-error{border-bottom:2px wavy var(--color-error)}.cm-diagnostic-warning{border-bottom:2px wavy var(--color-warning)}.cm-diagnostic-info{border-bottom:2px wavy var(--color-info)}.cm-lint-marker{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:700;height:var(--size-16);justify-content:center;margin:var(--size-2);position:relative;width:var(--size-16)}.cm-lint-marker-error{background-color:var(--color-error)}.cm-lint-marker-warning{background-color:var(--color-warning)}.cm-lint-marker-info{background-color:var(--color-info)}.cm-source-range-highlight{background-color:var(--source-range-bg);border-radius:2px;outline:2px solid var(--source-range-border);outline-offset:-1px}[data-theme=dark] .cm-source-range-highlight{background-color:var(--source-range-bg);outline-color:var(--source-range-border)}.cm-source-range-active .cm-selectionBackground{background-color:var(--source-range-selection)!important}.cm-source-range-active .cm-focused .cm-selectionBackground{background-color:var(--source-range-selection-focused)!important}[data-theme=dark] .cm-source-range-active .cm-selectionBackground{background-color:var(--source-range-selection)!important}[data-theme=dark] .cm-source-range-active .cm-focused .cm-selectionBackground{background-color:var(--source-range-selection-focused)!important}.editor .CodeMirror{background-color:var(--editor-bg);border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);height:100%;line-height:var(--leading-relaxed);outline:none}.editor .CodeMirror-focused{background-color:var(--editor-line-highlight)}.editor .CodeMirror-cursor{border-left:1px solid var(--editor-cursor)}.editor .CodeMirror-line::selection,.editor .CodeMirror-line>span::selection,.editor .CodeMirror-line>span>span::selection,.editor .CodeMirror-selected{background-color:var(--editor-selection)}.editor .CodeMirror-gutters{background-color:var(--editor-bg);border-right:1px solid var(--border-default)}.editor .CodeMirror-linenumber{color:var(--text-secondary);padding:0 var(--space-2)}.editor .CodeMirror-activeline-background{background-color:var(--editor-line-highlight)}.editor .CodeMirror-matchingbracket{background-color:var(--editor-selection);color:var(--text-primary);font-weight:700}.editor .CodeMirror-nonmatchingbracket{background-color:var(--editor-selection);color:var(--color-error)}.editor .cm-keyword{color:var(--syntax-keyword);font-weight:var(--font-medium)}.editor .cm-string{color:var(--syntax-string)}.editor .cm-string-interpolation{background-color:var(--overlay-function);color:var(--syntax-function);font-weight:var(--font-medium)}.editor .cm-number{color:var(--syntax-number)}.editor .cm-comment{color:var(--syntax-comment);font-style:italic}.editor .cm-operator{color:var(--syntax-operator)}.editor .cm-punctuation{color:var(--syntax-punctuation)}.editor .cm-builtin,.editor .cm-type{color:var(--syntax-type);font-weight:var(--font-medium)}.editor .cm-constant{color:var(--syntax-number);font-weight:var(--font-medium)}.editor .cm-variable{color:var(--syntax-function)}.editor .cm-error{background-color:var(--overlay-error);color:var(--color-error)}.output-container{display:flex;flex:1;flex-direction:column;min-width:var(--size-300)}.output-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;height:var(--panel-header-height);justify-content:space-between;padding:var(--space-4) var(--space-5)}.output-title{color:var(--text-secondary)}.compile-button,.output-title{font-size:var(--text-sm);font-weight:var(--font-medium)}.compile-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-base);box-shadow:var(--shadow-sm);color:var(--bg-primary);cursor:pointer;padding:var(--space-2) var(--space-4);transition:all var(--duration-base) var(--ease-out)}.compile-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-base);transform:translateY(var(--move-up-sm))}.compile-button:active:not(:disabled){background-color:var(--color-primary-active);box-shadow:var(--shadow-sm);transform:translateY(0)}.compile-button:disabled{cursor:not-allowed;opacity:.5}.compile-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.stage-buttons{display:flex;gap:var(--space-1)}.stage-button{background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:all var(--duration-base) var(--ease-out)}.stage-button:hover:not(:disabled){background-color:var(--state-hover);border-color:var(--color-primary);color:var(--text-primary)}.stage-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--bg-primary)}.stage-button.active:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.stage-button:disabled{cursor:not-allowed;opacity:.5}.stage-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.output-content{background-color:var(--bg-secondary);flex:1;font-family:var(--font-mono);font-size:var(--text-sm);overflow:auto;padding:var(--space-5)}.output-content,.sexp-output{line-height:var(--leading-relaxed)}.sexp-output{white-space:pre-wrap;word-wrap:break-word;margin:0}.token-keyword{color:var(--syntax-keyword);font-weight:var(--font-medium)}.token-string{color:var(--syntax-string)}.token-number{color:var(--syntax-number)}.token-punctuation{color:var(--syntax-punctuation)}.token-operator{color:var(--syntax-operator)}.token-comment{color:var(--syntax-comment);font-style:italic}.token-type{color:var(--syntax-type)}.token-function{color:var(--syntax-function)}.token-attr{color:var(--syntax-attribute)}.token-builtin{color:var(--syntax-type);font-weight:var(--font-medium)}.token-constant{color:var(--syntax-number);font-weight:var(--font-medium)}.token-variable{color:var(--syntax-function)}.token-error{background-color:var(--overlay-error);color:var(--color-error)}.source-range{color:var(--text-muted);font-size:var(--text-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-out)}.source-range:hover{color:var(--color-accent);opacity:1}.loading{color:var(--text-tertiary);font-style:italic}.error-message{background-color:var(--overlay-error);border-left:3px solid var(--color-error);border-radius:var(--radius-base);color:var(--color-error);margin-bottom:var(--space-4);padding:var(--space-4)}.success-message{color:var(--text-muted)}.diagnostic{border-left:3px solid;border-radius:var(--radius-base);margin-bottom:var(--space-4);padding:var(--space-4)}.diagnostic.error,.diagnostic.fatal{background-color:var(--overlay-error);border-color:var(--color-error)}.diagnostic.warning{background-color:var(--overlay-warning);border-color:var(--color-warning)}.diagnostic.hint,.diagnostic.info{background-color:var(--overlay-info);border-color:var(--color-info)}.diagnostic-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.diagnostic-severity{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.diagnostic-location{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.diagnostic-message{color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-normal)}.diagnostic-code{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-3) 0;overflow-x:auto;padding:var(--space-3)}.diagnostic-hint{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-2)}.diagnostic-summary{background-color:var(--bg-tertiary);border-radius:var(--radius-base);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4);padding:var(--space-3)}.editor-header .diagnostic-summary{background-color:#0000;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);margin:0;opacity:.8;padding:var(--space-1) var(--space-2)}.report{border-top:2px solid;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) 0}.report.info{background-color:#0000;border-color:var(--color-info)}.report.warning{background-color:#0000;border-color:var(--color-warning)}.report.error{background-color:#0000;border-color:var(--color-error)}.report-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.report-content{color:var(--text-secondary);line-height:var(--leading-normal)}.report-content p{margin:0 0 var(--space-2) 0}.report-content code{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1)}.source-region{background-color:#0000;border:none;border-radius:0;margin:var(--space-2) 0;padding:0;position:relative}.filename{color:var(--text-muted);display:block;font-weight:var(--font-medium);margin-bottom:var(--space-1);opacity:.8}.filename,.source-region pre{font-family:var(--font-mono);font-size:var(--text-sm)}.source-region pre{background:var(--bg-tertiary);border:solid;border-color:var(--border-subtle);border-radius:var(--radius-sm);line-height:var(--leading-normal);padding:var(--space-2) var(--space-3);white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);margin:0;overflow-x:auto}.source-region pre.dim,.source-region pre.error{background:var(--editor-bg)}.report-content .type{background-color:var(--overlay-type);color:var(--syntax-type)}.report-content .symbol-unqualified,.report-content .type{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--size-1) var(--space-1)}.report-content .symbol-unqualified{background-color:var(--overlay-function);color:var(--syntax-function)}::-webkit-scrollbar{height:var(--size-8);width:var(--size-8)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.compile-button:focus-visible,.share-button:focus-visible,.stage-button:focus-visible,.theme-switch:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s ease-in-out infinite}.type-hint-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-lg);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:var(--size-400);padding:var(--space-2) var(--space-3);word-wrap:break-word;white-space:pre-wrap}.type-hint-tooltip .hint-identifier{color:var(--tooltip-text);font-weight:var(--font-medium)}.type-hint-tooltip .hint-type{color:var(--tooltip-type);font-weight:var(--font-medium)}.type-hint-tooltip .hint-description{color:var(--text-secondary);display:block;font-size:var(--text-xs-plus);margin-top:var(--space-1)}.cm-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-lg);box-shadow:var(--tooltip-shadow)}.cm-tooltip.cm-tooltip-above .cm-tooltip-arrow:before{border-top-color:var(--tooltip-border)}.cm-tooltip.cm-tooltip-above .cm-tooltip-arrow:after{border-top-color:var(--tooltip-bg)}.cm-tooltip.cm-tooltip-below .cm-tooltip-arrow:before{border-bottom-color:var(--tooltip-border)}.cm-tooltip.cm-tooltip-below .cm-tooltip-arrow:after{border-bottom-color:var(--tooltip-bg)}.token-list{display:flex;flex-direction:column;font-family:var(--font-mono);gap:var(--space-1)}.token{border-radius:var(--radius-sm);display:flex;justify-content:space-between}.token .token-type{color:var(--text-secondary);font-size:var(--text-sm)}.token-position{color:var(--text-tertiary);font-size:var(--text-sm)}.token.keyword .token-type{color:var(--syntax-keyword)}.token.identifier .token-type{color:var(--syntax-function)}.token.operator .token-type{color:var(--syntax-operator)}.token.string .token-type{color:var(--syntax-string)}.token.number .token-type{color:var(--syntax-number)}.token.punctuation .token-type{color:var(--syntax-punctuation)}.token.comment .token-type{color:var(--syntax-comment)}.token.eof .token-type{color:var(--text-muted)}.source-range{background:var(--state-hover);border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-block;font-size:var(--text-xs);margin:0 var(--size-1);padding:var(--size-1) var(--space-1);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.source-range:hover{background:var(--state-active);box-shadow:var(--shadow-sm);transform:translateY(var(--move-up-sm))}.source-range:active{transform:translateY(0)}.source-range.highlighted{background:var(--color-primary);color:#fff}@media (width <= 768px){.cm-editor{font-size:var(--text-sm-plus)}.cm-content{padding:var(--space-3)}.cm-lineNumbers .cm-gutterElement{min-width:var(--size-35);padding:0 var(--space-2)}.cm-tooltip,.cm-tooltip-diagnostic,.cm-tooltip-hover,.cm-tooltip-type-hint{font-size:12px;max-width:280px;padding:var(--space-2)}.type-hint-word{font-size:var(--text-sm)}.main-container{flex-direction:column;height:auto}.examples-footer{order:-1;position:static}}@media (prefers-reduced-motion:reduce){.cm-cursor,.cm-tooltip-type-hint{animation:none}*{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.cm-editor{border:2px solid}.cm-activeLine{background:none;border-left:3px solid var(--editor-cursor)}.cm-tooltip,.cm-tooltip-diagnostic,.cm-tooltip-hover,.cm-tooltip-type-hint{border-width:2px;box-shadow:none}}
/*# sourceMappingURL=roc-playground.9f33be11.css.map */