:root{--ctp-crust: #11111b;--ctp-mantle: #181825;--ctp-base: #1e1e2e;--ctp-surface0: #313244;--ctp-surface1: #45475a;--ctp-overlay0: #6c7086;--ctp-overlay1: #7f849c;--ctp-subtext0: #a6adc8;--ctp-text: #cdd6f4;--ctp-blue: #89b4fa;--ctp-green: #a6e3a1;--ctp-teal: #94e2d5;--ctp-red: #f38ba8;--ctp-flamingo: #eba0ac;--ctp-peach: #fab387;--ctp-yellow: #f9e2af;--ctp-mauve: #cba6f7;--border: 1px solid var(--ctp-surface1);--border-subtle: 1px solid var(--ctp-surface0);--gap: .5rem;--gap-sm: .3rem;--pad-v: .4rem;--pad-v-sm: .25rem;--pad-h-sm: .75rem;--pad-h-btn: .8rem;--pad-h-btn-primary: 1.2rem;--pad-content: 1rem;--pad-dialog: 1.5rem;--font-ui: system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-md: 1rem;--text-lg: 1.1rem;--editor-selection: rgba(137, 180, 250, .3);--editor-selection-match: rgba(137, 180, 250, .15);--editor-active-line: rgba(255, 255, 255, .06);--touch-target: 44px;--text-mobile: 16px;--radius: 4px;--radius-lg: 8px;--icon-arrow-down: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%236c7086'/></svg>")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{touch-action:manipulation}body{font-family:var(--font-ui);background:var(--ctp-base);color:var(--ctp-text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--pad-v) var(--pad-h-btn);font-family:var(--font-ui);font-size:var(--text-base);border:var(--border);border-radius:var(--radius);background-color:var(--ctp-surface0);color:var(--ctp-text);cursor:pointer;white-space:nowrap;line-height:1.4}.btn:hover{border-color:var(--ctp-blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--ctp-blue);outline-offset:1px}.btn-primary{background-color:var(--ctp-green);color:var(--ctp-base);border-color:transparent;font-weight:600;padding:var(--pad-v) var(--pad-h-btn-primary)}.btn-primary:hover{background-color:var(--ctp-teal)}.btn-danger{background-color:var(--ctp-red);color:var(--ctp-base);border-color:transparent;font-weight:600}.btn-danger:hover{background-color:var(--ctp-flamingo)}.btn-ghost{background-color:transparent;border:none;color:var(--ctp-overlay0);padding:var(--pad-v) var(--pad-h-sm)}.btn-ghost:hover{color:var(--ctp-text)}.btn-icon{width:1.8rem;height:1.8rem;padding:0;border-radius:50%;font-weight:600}.btn-sm{padding:var(--pad-v-sm) .5rem;font-size:var(--text-sm)}#app{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden}#toolbar{display:flex;align-items:center;gap:var(--gap);padding:var(--gap) var(--pad-content);background:var(--ctp-mantle);border-bottom:var(--border-subtle);flex-wrap:wrap}#toolbar-right{margin-left:auto;display:flex;gap:var(--gap);align-items:center}.split-run-btn{display:inline-flex;position:relative}#run-btn{border-radius:var(--radius) 0 0 var(--radius)}.run-chevron{border-left:1px solid rgba(0,0,0,.2);border-radius:0 var(--radius) var(--radius) 0;padding:var(--pad-v) .55rem;background-image:var(--icon-arrow-down);background-repeat:no-repeat;background-position:center}.run-dropdown{position:absolute;top:100%;left:0;z-index:10;background:var(--ctp-surface0);border:var(--border);border-radius:var(--radius);margin-top:2px;min-width:140px;box-shadow:0 4px 12px #0000004d}.run-dropdown-item{display:block;width:100%;padding:var(--pad-v) var(--pad-h-sm);background:none;color:var(--ctp-text);border:none;font-size:var(--text-sm);cursor:pointer;text-align:left;white-space:nowrap}.run-dropdown-item:hover{background:var(--ctp-surface1)}.run-dropdown-item-active{color:var(--ctp-green)}#cancel-btn{border-radius:var(--radius)}#running-badge{font-size:var(--text-sm);color:var(--ctp-peach)}#args-input{flex:1;max-width:400px;padding:var(--pad-v) var(--pad-h-sm);background:var(--ctp-surface0);color:var(--ctp-text);border:var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-base)}#args-input:focus{outline:none;border-color:var(--ctp-blue)}#example-select{appearance:none;-webkit-appearance:none;padding:var(--pad-v) 1.8rem var(--pad-v) var(--pad-h-sm);background:var(--ctp-surface0);background-image:var(--icon-arrow-down);background-repeat:no-repeat;background-position:right .55rem center;color:var(--ctp-text);border:var(--border);border-radius:var(--radius);font-size:var(--text-base);cursor:pointer}#example-select:focus{outline:none;border-color:var(--ctp-blue)}@media(max-width:768px){#args-input,#example-select{font-size:var(--text-mobile)}}#help-btn{width:1.8rem;height:1.8rem}:focus-visible{outline:2px solid var(--ctp-blue);outline-offset:1px}#workspace{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}#editor-pane{display:flex;flex-direction:column;overflow:hidden;border-right:var(--border-subtle)}#editor-area{flex:1;overflow:hidden;min-height:100px}#editor-area .cm-editor{height:100%}.cm-content{font-family:var(--font-mono);font-size:var(--text-base);font-variant-ligatures:none}#editor-area .cm-cursor{border-left-color:var(--ctp-text);border-left-width:2px}#editor-area .cm-activeLine{background-color:var(--editor-active-line)}#editor-area .cm-activeLineGutter{background-color:var(--ctp-surface0)}#editor-area .cm-gutters{background-color:var(--ctp-base);color:var(--ctp-overlay0);border-right:var(--border-subtle);font-size:var(--text-base)}#editor-area .cm-editor:not(.cm-focused) .cm-activeLine,#editor-area .cm-editor:not(.cm-focused) .cm-activeLineGutter{background-color:transparent}#output-pane{display:flex;flex-direction:column;overflow:hidden;background:var(--ctp-crust)}.repl-container{flex:1;overflow:hidden;display:flex}#debug-panel{flex-shrink:0}.debug-tabs-container{border-top:var(--border-subtle)}.debug-resize-handle{height:6px;cursor:row-resize;background:transparent;position:relative;flex-shrink:0}.debug-resize-handle:hover,.debug-resize-handle.dragging{background:var(--ctp-surface1)}.debug-tabs-collapsed .debug-resize-handle{display:none}.debug-tabs-header{display:flex;align-items:center;background:var(--ctp-mantle);border-bottom:var(--border-subtle);padding:0 var(--gap)}.debug-tabs-bar{display:flex;gap:0;flex:1}.debug-tab{padding:var(--pad-v-sm) var(--pad-h-btn);background:none;color:var(--ctp-overlay0);border:none;border-bottom:2px solid transparent;font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;white-space:nowrap}.debug-tab:hover{color:var(--ctp-text)}.debug-tab-active{color:var(--ctp-text);border-bottom-color:var(--ctp-blue)}.debug-tab-error{color:var(--ctp-red)}.debug-tab-error.debug-tab-active{border-bottom-color:var(--ctp-red)}.debug-tabs-toggle{padding:var(--pad-v-sm) .4rem;background:none;color:var(--ctp-overlay0);border:none;cursor:pointer;font-size:var(--text-xs)}.debug-tabs-toggle:hover{color:var(--ctp-text)}.debug-tabs-content{overflow:auto;padding:var(--pad-content);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:200px;background:var(--ctp-crust)}.debug-tabs-collapsed .debug-tabs-content{display:none}.debug-tabs-collapsed .debug-tabs-header{border-bottom:none}#help-dialog{background:var(--ctp-base);color:var(--ctp-text);border:var(--border-subtle);border-radius:var(--radius-lg);padding:0;max-width:560px;width:90vw;max-height:85vh;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}#help-dialog::backdrop{background:#0009}#help-content{padding:var(--pad-dialog)}#help-content h2{font-size:var(--text-lg);color:var(--ctp-blue);margin-bottom:.75rem}#help-content h3{font-size:var(--text-base);color:var(--ctp-subtext0);margin:var(--pad-content) 0 var(--pad-v);text-transform:uppercase;letter-spacing:.05em}#help-content p{font-size:var(--text-base);line-height:1.5;color:var(--ctp-text)}#help-content p+p{margin-top:var(--gap)}#help-content a{color:var(--ctp-blue)}#help-content table{border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-mono)}#help-content td{padding:.2rem var(--pad-content) .2rem 0}#help-content ul{font-size:var(--text-sm);padding-left:1.2rem;line-height:1.6}#help-content code{background:var(--ctp-surface0);padding:.1em .3em;border-radius:3px;font-family:var(--font-mono);font-size:var(--text-base)}#help-close-btn{margin-top:1.2rem}.mobile-pane-tabs{display:none}@media(max-width:768px){#workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr}#editor-pane{border-right:none;border-bottom:var(--border-subtle)}.mobile-pane-tabs{display:flex;background:var(--ctp-mantle);border-bottom:var(--border-subtle)}.mobile-pane-tabs button{flex:1;padding:.5rem 0;background:none;color:var(--ctp-overlay0);border:none;border-bottom:2px solid transparent;font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;cursor:pointer}.mobile-pane-tabs button:hover{color:var(--ctp-text)}.mobile-pane-tabs button.active{color:var(--ctp-text);border-bottom-color:var(--ctp-blue)}#repl-maximize-btn,.debug-resize-handle{display:none}#toolbar button,#toolbar select,#toolbar input{min-height:var(--touch-target);font-size:var(--text-md)}#help-btn{width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target)}#example-select{height:var(--touch-target)}#toolbar{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"run cancel right" "args args args" "example example example";align-items:center}#run-btn-container{grid-area:run}#cancel-btn{grid-area:cancel}#toolbar-right{grid-area:right;justify-self:end}#args-input{grid-area:args;max-width:100%;width:100%}#example-select{grid-area:example;width:100%}#running-badge{grid-area:cancel}}.output-error{color:var(--ctp-red)}.output-binding{color:var(--ctp-subtext0)}.output-binding-type{color:var(--ctp-blue)}.output-print{color:var(--ctp-text)}.output-warning{color:var(--ctp-yellow)}.repl-pane{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.repl-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--pad-v-sm) var(--pad-h-sm);background:var(--ctp-mantle);border-bottom:var(--border-subtle);flex-shrink:0}.repl-title{font-size:var(--text-sm);font-weight:600;color:var(--ctp-subtext0);text-transform:uppercase;letter-spacing:.05em}.repl-toolbar-buttons{display:flex;gap:var(--gap-sm);align-items:center}#repl-cancel-btn{background:var(--ctp-red);color:var(--ctp-base);border-color:var(--ctp-red)}#repl-cancel-btn:hover{background:var(--ctp-flamingo);border-color:var(--ctp-flamingo)}.repl-transcript{flex:1;overflow-y:auto;padding:var(--pad-content);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;background:var(--ctp-crust);font-variant-ligatures:none}.repl-entry{white-space:pre-wrap;word-break:break-word;padding:1px 0}.repl-entry.repl-input,.repl-entry.repl-continuation{color:var(--ctp-text)}.repl-prompt-text{color:var(--ctp-overlay0)}.repl-entry.repl-binding{color:var(--ctp-text)}.repl-type{color:var(--ctp-blue)}.repl-entry.repl-print{color:var(--ctp-green)}.repl-entry.repl-error{color:var(--ctp-red)}.repl-entry.repl-system{color:var(--ctp-overlay1);text-align:center;font-style:italic;padding:.25rem 0}.repl-stdin-row{display:flex;align-items:center}.repl-stdin-prompt{color:var(--ctp-yellow);font-family:var(--font-mono);font-size:var(--text-base);white-space:pre}.repl-stdin-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--ctp-surface1);color:var(--ctp-text);font-family:var(--font-mono);font-size:var(--text-base);padding:0;outline:none}.repl-stdin-input::placeholder{color:var(--ctp-overlay0);font-style:italic}.repl-input-inline{display:flex;align-items:flex-start;padding:1px 0}.repl-prompt{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.5;color:var(--ctp-overlay0);flex-shrink:0;-webkit-user-select:none;user-select:none;white-space:pre}.repl-editor-wrapper{flex:1;min-height:1.4em;overflow-y:auto}.repl-editor-wrapper .cm-editor{background:transparent}.repl-editor-wrapper .cm-content{line-height:1.5}.repl-output-prompt{color:var(--ctp-green)}.cm-error-underline{text-decoration:underline wavy var(--ctp-red);text-decoration-skip-ink:none}#editor-pane.mobile-hidden,#output-pane.mobile-hidden,.editor-pane-hidden{display:none!important}.repl-maximized{grid-column:1 / -1}#update-toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:var(--gap);padding:var(--pad-v) var(--pad-content);background:var(--ctp-surface0);border:var(--border);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ctp-text);box-shadow:0 4px 12px #0006}#update-toast button{padding:var(--pad-v) var(--pad-h-btn);border:none;border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}#update-toast .reload-btn{background:var(--ctp-blue);color:var(--ctp-crust);font-weight:600}#update-toast .dismiss-btn{background:transparent;color:var(--ctp-overlay1)}#update-toast .dismiss-btn:hover{color:var(--ctp-text)}