:root{color-scheme:dark;--bg:#0b100c;--panel:#0b100c;--line:#354937;--muted:#8b9c86;--text:#c5d4bd;--green:#a9d986;--purple:#b1bce1;--blue:#b5d5cc;--mono:'Lucida Console',Consolas,'Courier New',monospace;--sans:var(--mono)}
*{box-sizing:border-box;border-radius:0!important;box-shadow:none!important}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--mono)}button,select,input,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit;background:transparent;border:1px solid var(--line);padding:6px 10px}button:hover:not(:disabled){background:var(--hover);color:var(--text)}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--green);outline-offset:3px}header{height:48px;padding:0 20px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--green);color:var(--green)}.brand{text-decoration:none;font-weight:bold;letter-spacing:1px;color:inherit;font-size:16px}.brand-label{font-size:12px;font-weight:normal;letter-spacing:0;color:var(--muted);margin-left:14px}header .text-button{margin-left:auto;border:0}.local-badge{font-size:12px;color:var(--muted)}main{padding:0 20px;max-width:none}.intro{display:flex;align-items:center;gap:28px;min-height:62px;padding:10px 0}.intro .text-button{color:var(--green);border-color:var(--green)}.example-picker{display:flex;gap:12px;align-items:center}.example-picker label{color:var(--muted);font-size:12px}select{color:var(--text);background:var(--bg);border:1px solid var(--line);padding:6px 8px;max-width:100%;font-size:12px}.workspace-note{margin-left:auto;font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:48% 52%;border:1px solid var(--line);height:calc(100dvh - 238px);min-height:450px;overflow:hidden}.editor-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.pane-heading{min-height:38px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-bottom:1px solid var(--line);font-size:14px}.file-icon{display:none}.modified{color:var(--green);font-size:12px;margin-left:10px}.subtle{font-size:12px;color:var(--muted)}.editor-wrap{display:flex;flex:1;min-height:180px;overflow:hidden;padding-top:12px}#line-numbers{width:54px;flex-shrink:0;overflow:hidden;font:14px/24px var(--mono);text-align:right;color:var(--muted);padding:0 12px 36px 0;user-select:none}#line-numbers div{height:24px}#line-numbers .current{color:var(--green);border-right:1px solid var(--green)}.code-area{position:relative;flex:1;overflow:hidden}#highlight,#code{font:14px/24px var(--mono);letter-spacing:0;tab-size:4;white-space:pre;margin:0;padding:0 16px 36px 8px;border:0;width:100%;height:100%;overflow:auto;position:absolute;inset:0}#highlight{pointer-events:none;color:var(--text);scrollbar-width:none}#highlight .code-line{display:block;height:24px;min-width:100%;width:max-content}#highlight .active-line{background:var(--selected)}#code{resize:none;background:transparent;color:transparent;caret-color:var(--green);outline:none;-webkit-text-fill-color:transparent}#code::selection{background:var(--selection)}#highlight .kw{color:var(--purple)}#highlight .num{color:var(--number)}#highlight .str{color:var(--string)}#highlight .comment{color:var(--muted)}.editor-meta{display:flex;justify-content:space-between;gap:12px;padding:5px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.dot-separator{margin:0 6px;color:var(--muted)}.console{height:120px;min-height:90px;border-top:1px solid var(--line);padding:10px 12px}.console-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--green);gap:10px}.console-heading span:last-child{color:var(--muted)}.console pre{font:14px/1.6 var(--mono);white-space:pre-wrap;margin:10px 0 0;max-height:70px;overflow:auto;color:var(--green)}.console-empty{color:var(--muted);font-size:12px}.memory-pane{display:flex;flex-direction:column;min-width:0}.small-grid{display:none}.memory-title{text-transform:uppercase;font-size:14px}.view-tabs{display:flex;gap:8px}.view-tabs button{padding:1px 6px;font-size:12px;border-color:transparent;color:var(--muted)}.view-tabs button.active{background:var(--text);color:var(--bg)}.memory-toolbar{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.address-control{display:flex;gap:10px;align-items:center}.address-control select{padding:1px 5px}.memory-content{padding:12px 14px 20px;overflow:auto;flex:1;min-height:0;scrollbar-color:var(--line) var(--bg)}.region-heading{display:flex;gap:12px;align-items:center;margin:0 0 12px;color:var(--green);font-size:14px}.region-heading:before{content:'['}.region-heading:after{content:']'}.region-heading small{font-size:12px;color:var(--muted)}.region-count{margin-left:auto;font-size:12px;color:var(--muted)}.heap-heading{margin-top:26px}.frame{border:1px solid var(--line);margin-bottom:14px}.frame.active{border-color:var(--green)}.frame-head{display:flex;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:14px}.frame.active .frame-head{background:var(--surface)}.frame-index{color:var(--muted);font-size:12px}.frame-badge{margin-left:auto;color:var(--muted);font-size:12px}.frame.active .frame-badge{color:var(--green)}.frame-body{display:flex;gap:20px;flex-wrap:wrap;padding:16px 12px}.variable-group{max-width:100%}.variable-label{font-size:14px;margin-bottom:7px;display:flex;gap:10px;align-items:center}.variable-label em{font-style:normal;font-size:12px;color:var(--muted)}.cells{display:flex;gap:0;flex-wrap:wrap}.cell{display:flex;flex-direction:column;min-width:102px;gap:8px;padding:9px 12px;text-align:left;position:relative;border:1px solid var(--line);margin-right:-1px;margin-bottom:-1px}.cell .value{color:var(--blue);font-size:20px;line-height:1.3}.cell .address{font-size:12px;color:var(--muted)}.cell.purple .value{color:var(--purple)}.cell.green .value{color:var(--green)}.cell.selected{background:var(--selected);outline:1px solid var(--green);outline-offset:2px;z-index:1}.cell.changed:after{content:'*';position:absolute;top:0;right:5px;color:var(--green);font-size:14px}.pointer-link{display:flex;gap:8px;margin-top:10px;padding:0;border:0;font-size:12px;color:var(--purple);flex-wrap:wrap}.empty-memory{border-top:1px dashed var(--line);padding:12px 0;color:var(--muted);font-size:12px;line-height:1.8}.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:var(--muted)}.legend b{display:none}.legend span:before{content:'- '}.stack-direction{text-align:right;color:var(--muted);font-size:12px}.inspector{min-height:102px;flex-shrink:0;padding:10px 14px;border-top:1px solid var(--line);font-size:12px}.inspector-header{display:flex;justify-content:space-between;gap:10px;color:var(--green);margin-bottom:10px;font-size:12px}.inspector-name{color:var(--text)}.inspector-values{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}.inspector-values strong{font-weight:normal;color:var(--text);margin-left:8px}.byte-string{margin-top:8px;color:var(--text);word-break:break-all}.byte-table{display:flex;gap:0;flex-wrap:wrap}.byte-cell{display:flex;flex-direction:column;gap:6px;padding:6px;margin-right:-1px;margin-bottom:-1px;font-size:14px;color:var(--blue)}.byte-cell small{font-size:12px;color:var(--muted)}.transport{display:flex;gap:24px;align-items:center;border:1px solid var(--line);border-top:0;padding:12px}.play-controls{display:flex;align-items:center;gap:10px}.icon-button{font-size:18px;min-width:30px;height:32px;line-height:1;padding:4px 6px;border-color:transparent}.play-button{background:var(--green);color:var(--bg);border:1px solid var(--green);padding:6px 12px;font-size:14px;display:inline-flex;align-items:center;gap:8px}.play-button:hover:not(:disabled){background:var(--text);color:var(--bg)}.play-controls select{border-color:transparent;padding:3px;font-size:12px}.timeline{flex:1;min-width:0}.timeline-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:6px}.timeline-label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);max-width:65%}input[type=range]{appearance:none;display:block;width:100%;height:16px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:14px;background:var(--green);margin-top:-6px}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-moz-range-thumb{width:10px;height:14px;border:0;background:var(--green)}.execution-state{font-size:12px;color:var(--green);min-width:90px;text-align:right}.execution-state i{display:none}.execution-state:before{content:'['}.execution-state:after{content:']'}footer{display:flex;justify-content:space-between;gap:15px;padding:14px 0;color:var(--muted);font-size:12px}.key{color:var(--green)}.footer-gap{margin-left:18px}.error{color:var(--error)!important}.error-box{padding:10px;border:1px solid var(--error);color:var(--error);font-size:14px;margin-bottom:16px}dialog{max-width:650px;width:calc(100% - 40px);max-height:85dvh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--green);padding:28px;font:14px/1.8 var(--mono)}dialog::backdrop{background:#000b}dialog h2{color:var(--green);font-size:18px;font-weight:normal;margin:0 0 20px}dialog h3{font-size:14px;color:var(--green)}dialog li{margin-bottom:12px}dialog .close{position:absolute;top:10px;right:10px}.eyebrow{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line)}
@media(max-width:1100px){.workspace{grid-template-columns:46% 54%}.workspace-note{display:none}.transport{gap:12px}.execution-state{display:none}.cell{min-width:84px}.frame-body{gap:15px}.inspector-values{gap:12px}footer{flex-wrap:wrap}}
@media(max-width:720px){header{padding:0 12px;gap:8px}.brand-label,.local-badge{display:none}main{padding:0 10px}.intro{flex-wrap:wrap;gap:12px;padding:14px 0}.example-picker{flex:1;min-width:220px;gap:8px}.example-picker select{flex:1;min-width:0}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.editor-pane{height:450px;border-right:0;border-bottom:1px solid var(--line)}.memory-pane{min-height:350px;max-height:640px}.memory-content{min-height:180px}.transport{flex-wrap:wrap}.play-controls{width:100%;justify-content:center}.timeline{flex-basis:100%}.pane-heading{padding:0 10px}.memory-toolbar{padding:10px;flex-wrap:wrap}.console-heading span:last-child{display:none}.timeline-label span:last-child{max-width:55%}footer{line-height:1.8}.inspector-values{gap:8px}.footer-gap{margin-left:10px}}
.workspace{min-height:0;grid-template-rows:minmax(0,1fr)}.editor-pane,.memory-pane{min-height:0;overflow:hidden}.memory-content{flex:1 1 0;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable}.language-picker{font-size:12px;display:flex;align-items:center;gap:8px}@media(max-width:720px){.workspace{height:auto}.memory-pane{height:520px;max-height:70dvh;min-height:320px}}

:root{--surface:#1d2c1e;--hover:#243725;--selected:#263c24;--selection:#78966455;--number:#d8bc77;--string:#abd393;--error:#e89e8c}
:root[data-theme="amber"]{--bg:#161006;--panel:#161006;--line:#665131;--muted:#b8a27c;--text:#efd5a0;--green:#ffc366;--purple:#d9bafa;--blue:#e9cb87;--surface:#2b2110;--hover:#3c2e16;--selected:#42331a;--selection:#b8894655;--number:#f6e28d;--string:#c2d99a;--error:#ff9b85}
:root[data-theme="blue"]{--bg:#080f1b;--panel:#080f1b;--line:#384f6a;--muted:#94a9c3;--text:#cedced;--green:#87caff;--purple:#c8b3ee;--blue:#9fdfed;--surface:#162337;--hover:#1c3049;--selected:#223a56;--selection:#6eabde55;--number:#f1c581;--string:#a0d8b4;--error:#ffa49d}
:root[data-theme="paper"]{color-scheme:light;--bg:#f4f4ee;--panel:#f4f4ee;--line:#8b9187;--muted:#5d675c;--text:#242e25;--green:#235c38;--purple:#623d86;--blue:#1e5a75;--surface:#e1e6dc;--hover:#d5dece;--selected:#d0dfc5;--selection:#80a97066;--number:#865015;--string:#326637;--error:#a12e29}
.theme-picker{display:flex;align-items:center;gap:8px;font-size:12px}.memory-usage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex-shrink:0;margin:0 14px 8px;border:1px solid var(--line)}.usage-item{padding:8px;border-right:1px solid var(--line);min-width:0}.usage-item:last-child{border:0}.usage-item span{display:block;color:var(--muted);font-size:12px}.usage-item strong{display:block;color:var(--text);font-size:14px;font-weight:normal;white-space:nowrap}.usage-total{background:var(--surface)}.usage-total strong{color:var(--green)}.frame-bytes{color:var(--muted);font-size:12px;margin-left:auto}.frame-bytes+.frame-badge{margin-left:0}.memory-basis{font-size:12px;color:var(--muted);margin:0 14px 8px;flex-shrink:0}.region-heading{flex-wrap:wrap}
@media(max-width:1000px){header{height:auto;min-height:48px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:12px}.brand-label{display:none}.workspace{height:calc(100dvh - 260px)}}
@media(max-width:720px){.workspace{height:auto}.memory-usage{margin-left:10px;margin-right:10px}.usage-item{padding:6px 4px}.usage-item span{font-size:12px}.usage-item strong{font-size:12px}.memory-pane{height:620px;max-height:85dvh;min-height:420px}.theme-picker{margin-left:auto}.memory-basis{margin-left:10px;margin-right:10px}}
:root[data-theme="terminal"]{color-scheme:dark;--bg:#000000;--panel:#000000;--line:#ffffff;--muted:#a0a0a0;--text:#eeeeee;--green:#a9d986;--purple:#b1bce1;--blue:#83caff;--surface:#111111;--hover:#242424;--selected:#263426;--selection:#78966455;--number:#e5bc78;--string:#abd393;--error:#ff9696}
:root[data-theme="terminal"] header,:root[data-theme="terminal"] .frame.active{border-color:var(--line)}
.scheduler-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;margin-left:auto}.scheduler-controls input{width:72px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:6px}.intro{flex-wrap:wrap}.thread-panel{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.thread-list{border:1px solid var(--line)}.thread-row{display:grid;grid-template-columns:32px minmax(70px,1fr) minmax(70px,1fr) minmax(60px,1fr) auto;gap:8px;align-items:center;padding:7px;font-size:12px;border-bottom:1px solid var(--line)}.thread-row:last-child{border-bottom:0}.thread-current{background:var(--surface);border-left:2px solid var(--green)}.thread-row button{font-size:12px;padding:3px 6px}.thread-hint{font-size:12px;color:var(--muted)}.mutex-list{font-size:12px;line-height:1.8;margin:12px 0}.thread-stack-label{font-size:12px;color:var(--green);margin:14px 0 7px}@media(max-width:850px){.scheduler-controls{margin-left:0}.workspace{height:calc(100dvh - 310px)}.thread-row{grid-template-columns:30px 1fr 1fr}.thread-row button{grid-column:3}}@media(max-width:720px){.workspace{height:auto}}