:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:#050505;color:#f5f5f5}button{font-family:inherit}.board-view{display:flex;flex-direction:column;gap:.5rem}.board-caption{font-weight:600}.board-grid{display:flex;flex-direction:column;border:2px solid #444;background:#111;width:fit-content;max-width:350px}.board-row{display:grid;grid-template-columns:repeat(10,28px)}.board-cell{width:28px;height:28px;border:1px solid #222;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:#fff;cursor:pointer}.board-cell.filled{background:#2d72d9}.board-cell.highlight{background:#ffd166;color:#000}.board-cell.ghost{background:#ffffff26}.code-editor{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:var(--board-height)}.code-toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.code-toolbar.bottom{justify-content:space-between}.code-toolbar .button-group{display:flex;gap:.5rem;flex-wrap:wrap}.editor-body{display:flex;border:1px solid #333;background:#1b1b1b;flex:1;min-height:300px}.ghost-btn,.primary-btn{border-radius:999px;padding:.35rem 1rem;border:1px solid #333;background:transparent;color:#fff;cursor:pointer;font-weight:600}.primary-btn{background:linear-gradient(90deg,#4361ee,#4895ef);border:none}.ghost-btn:hover,.primary-btn:hover{opacity:.85}.monaco-wrapper .monaco-editor,.monaco-wrapper .monaco-editor-background,.monaco-wrapper .monaco-editor .margin,.monaco-wrapper .monaco-editor .monaco-editor-background{background:#151515!important}.breakpoint-glyph{background:#ff6b6b;width:10px!important;height:10px!important;border-radius:50%;margin-left:2px}.current-line-decoration{background:#0096ff26}.execution-note-widget{pointer-events:none;position:absolute;font-family:Fira Mono,Consolas,monospace;font-size:.75rem;color:#94d2bd;white-space:nowrap;text-align:right;padding-right:.5rem;transform:translate(0)}.history-panel{border:none;padding:0;background:transparent;display:flex;flex-direction:column;min-height:260px;max-height:var(--board-height)}.history-scroll{flex:1;overflow-y:auto;max-height:100%;margin-top:.5rem;padding-right:.25rem}.history-entry{border-top:1px solid #333;padding-top:.5rem;margin-top:.5rem}.history-entry:first-of-type{border-top:none;margin-top:0;padding-top:0}.history-entry-header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.line-link{background:none;border:none;color:#94d2bd;cursor:pointer;font-weight:700;margin-right:.25rem}.line-link:disabled{opacity:.5;cursor:not-allowed}.command-list{margin-top:.25rem;display:flex;flex-direction:column;gap:.15rem}.command-row{display:grid;grid-template-columns:40px 90px 90px 180px;gap:.5rem;font-family:Fira Mono,Consolas,monospace;align-items:center}.command-label{font-weight:600}.command-value{font-size:.8rem}.changed{background:#ff03;padding:0 .25rem;border-radius:2px}.history-empty{font-style:italic;color:#888}.fancy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.fancy-modal{background:#1c1c1c;border:1px solid #444;border-radius:8px;width:1400px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;padding:1rem;gap:1rem}.fancy-header,.fancy-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.fancy-body{display:grid;grid-template-columns:max-content 360px 320px 360px;gap:1rem;flex:1;min-height:0}.preview-pane,.lines-panel,.builder-column,.guide-column{min-height:0}.preview-pane,.builder-column,.guide-column{display:flex;flex-direction:column;gap:.5rem}.preview-pane{width:fit-content;align-self:flex-start}.builder-dock{border:1px solid #2c2c2c;border-radius:8px;padding:.85rem;display:flex;flex-direction:column;gap:.9rem;background:#0f0f0f;flex:1}.builder-header{display:flex;justify-content:space-between;font-weight:600;color:#d9d9d9}.mino-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.mino-button{flex:1 1 calc(50% - .4rem);min-height:130px;display:flex;flex-direction:column;justify-content:space-between;padding:.6rem;border:1px solid #333;border-radius:10px;background:#1f1f1f;color:#f5f5f5;cursor:pointer}.mino-button.active{border-color:#0a9396;box-shadow:0 0 0 1px #0a939680}.mino-button.dot-mode .mino-symbol{opacity:.4}.mino-button.dot-mode .mino-glyph span.filled{color:#11111180}.mino-label{font-weight:700;font-size:1.1rem}.mino-glyph{position:relative;display:grid;grid-template-columns:repeat(4,22px);gap:4px}.mino-glyph span{width:22px;height:22px;border-radius:3px;background:#ffffff1f;font-size:.95rem;display:flex;align-items:center;justify-content:center}.mino-glyph span.filled{background:#f4a261;color:#111;font-weight:700}.fancy-primary,.fancy-ghost{border-radius:6px;border:1px solid #333;background:#262626;color:#fff;padding:.4rem .75rem;cursor:pointer}.builder-actions button:disabled,.fancy-primary:disabled,.fancy-ghost:disabled{opacity:.4;cursor:not-allowed}.fancy-primary{background:linear-gradient(120deg,#3a86ff,#8338ec);border:none}.fancy-ghost{background:transparent}.builder-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;color:#d0d0d0}.summary-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.summary-value{font-size:1.2rem;font-family:Fira Mono,Consolas,monospace}.guide-column{display:flex;flex-direction:column;gap:.75rem}.guide-section{border:1px solid #2c2c2c;border-radius:8px;padding:.85rem;background:#0f0f0f;display:flex;flex-direction:column;gap:.6rem}.guide-section h3{margin:0;font-size:1.05rem}.command-guide dl{margin:0;display:flex;flex-direction:column;gap:.45rem}.guide-row{display:grid;grid-template-columns:140px 1fr;gap:.4rem;font-size:.95rem}.guide-row dt{font-weight:700;color:#e5e5e5}.guide-row dd{margin:0;color:#c7c7c7}.instruction-title{font-weight:700}.instruction-grid{display:grid;grid-template-columns:190px 1fr;gap:.35rem .5rem;font-size:.95rem}.instruction-key{font-family:Fira Mono,Consolas,monospace;font-weight:600}.instruction-desc{color:#d9d9d9}.instruction-note{font-size:.9rem;color:#94d2bd}.warning-stack{display:flex;flex-direction:column;gap:.25rem}.warning{color:#ffb703;font-size:.85rem}.lines-panel{border:1px solid #2c2c2c;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;min-height:0}.lines-header{display:flex;justify-content:space-between;font-weight:600;color:#d9d9d9}.line-hint{font-size:.95rem;color:#888}.lines-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.edit-line{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .6rem;background:#111;border:1px solid #222;border-radius:6px;color:#eee;text-align:left;cursor:pointer}.edit-line.selected{border-color:#3a86ff;box-shadow:0 0 0 1px #3a86ff80}.edit-line.empty{opacity:.7;font-style:italic}.line-heading{display:grid;grid-template-columns:60px 90px 1fr;align-items:center;gap:.75rem}.line-number{font-family:Fira Mono,Consolas,monospace;color:#909090;font-size:1.1rem}.line-meta{font-family:Fira Mono,Consolas,monospace;color:#ffd166;font-size:1.2rem}.line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem}.line-prediction{font-size:1rem;color:#fff9;font-family:Fira Code,Cascadia Code,monospace}.fancy-footer button{min-width:140px}.memory-table{border-radius:4px;padding-top:.25rem;max-height:var(--board-height);overflow-y:auto}.memory-table table{width:100%;border-collapse:collapse;font-family:Fira Mono,Consolas,monospace}.memory-table th,.memory-table td{border:1px solid #333;padding:.25rem .5rem;text-align:center}.pointer-row{background:#ffff0026}:root{--board-height: 560px}body{margin:0;background:#050505;color:#f5f5f5;font-family:Inter,Segoe UI,sans-serif}#root{min-height:100vh}.app{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem 2rem;max-width:1900px;width:100%;margin:0 auto;box-sizing:border-box}.layout{display:grid;grid-template-columns:.7fr 1fr;gap:1rem;align-items:flex-start}.left-pane,.right-pane{display:flex;flex-direction:column;gap:1rem}.left-pane{align-self:flex-start;max-width:650px;width:100%}.left-pane-inner{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.board-wrapper{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.board-stack{display:flex;flex-direction:column;gap:.75rem}.board-side-panel{display:flex;flex-direction:column;gap:.75rem;flex:0 0 350px;max-width:350px}.io-panel{display:flex;gap:.75rem;flex-wrap:wrap}.io-panel label{flex:1 1 calc(50% - .375rem);min-width:260px;display:flex;flex-direction:column;gap:.25rem}.io-panel textarea{width:100%;min-height:120px;background:#111;color:#fff;border:1px solid #333;border-radius:4px;padding:.5rem}.panel-group{display:flex;flex-direction:column;gap:.35rem}.panel-card{background:#111;border:1px solid #333;border-radius:6px;padding:.85rem}.panel-card--flush{padding:0;display:flex;flex-direction:column}.panel-card--flush>*{flex:1}.io-group{width:100%}.panel-title{font-weight:600}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.run-toolbar{display:flex;justify-content:space-between;align-items:center;background:#111;padding:.5rem .75rem;border:1px solid #2c2c2c;border-radius:6px}.run-controls{display:flex;gap:.4rem}.icon-button{width:36px;height:36px;border-radius:50%;border:1px solid #333;background:#1f1f1f;color:#fff;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-button:disabled{opacity:.5;cursor:not-allowed}.status-chip{background:#0f172a;border:1px solid #1d2a44;border-radius:999px;padding:.2rem .75rem;font-weight:600;text-transform:lowercase}.editor-history-wrapper{display:flex;gap:1rem;flex:1;min-height:0}.editor-history-wrapper.stacked{flex-direction:column}.panel-group.editor-group,.panel-group.history-group{min-height:0}.panel-group.editor-group{flex:1}.panel-group.history-group{flex:1;min-width:0}.editor-history-wrapper.wide .panel-group.editor-group{flex:0 0 400px;max-width:400px}.editor-history-wrapper.stacked .panel-group.editor-group,.editor-history-wrapper.stacked .panel-group.history-group{width:100%}.history-limit{font-size:.9rem;display:flex;align-items:center;gap:.35rem}.history-limit input{width:70px;background:#0f0f0f;color:#fff;border:1px solid #333;border-radius:4px;padding:.2rem .3rem}.panel-card--flush .io-panel,.panel-card--flush .history-panel,.panel-card--flush .memory-table{padding:.85rem}.panel-card--flush .history-panel{padding-top:.5rem}.panel-card--flush .memory-table{padding:.5rem .75rem}
