*{box-sizing:border-box;margin:0;padding:0}body{background:#faf3e0;color:#000;font-family:Poppins,sans-serif;min-height:100vh}:root{--cell-size:36px;--label-w:36px;--label-h:20px}.grid-wrapper{background:var(--bg);border:2px solid var(--primary);display:inline-flex;flex-direction:column;max-height:80vh;max-width:calc(100vw - 48px);overflow:auto}.grid-top{border-bottom:1px solid #ccc;display:flex;top:0;z-index:2}.grid-corner,.grid-top{background:var(--bg);flex-shrink:0;position:-webkit-sticky;position:sticky}.grid-corner{left:0;width:36px;width:var(--label-w);z-index:3}.col-labels-bar,.grid-corner{height:20px;height:var(--label-h)}.col-labels-bar{flex-shrink:0;position:relative}.grid-body-row{display:flex}.row-labels-bar{background:var(--bg);border-right:1px solid #ccc;flex-shrink:0;left:0;position:relative;position:-webkit-sticky;position:sticky;width:36px;width:var(--label-w);z-index:1}.axis-tick{color:var(--primary);font-family:Courier New,monospace;font-size:8px;font-weight:600;line-height:1;pointer-events:none;position:absolute;white-space:nowrap}.col-tick{left:calc(var(--pos)*36px);left:calc(var(--pos)*var(--cell-size));top:4px;transform:translateX(-50%)}.row-tick{right:3px;top:calc(var(--pos)*36px);top:calc(var(--pos)*var(--cell-size))}.grid-cells{cursor:crosshair;display:grid;grid-template-columns:repeat(100,36px);grid-template-columns:repeat(var(--cols,100),var(--cell-size));-webkit-user-select:none;user-select:none}.cell{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;height:36px;height:var(--cell-size);position:relative;width:36px;width:var(--cell-size)}.cell:before{align-items:center;content:attr(data-label);display:flex;font-family:Courier New,monospace;font-size:9px;inset:0;justify-content:center;line-height:1;pointer-events:none;position:absolute}.cell--white{background:#fff}.cell--white:before{color:#ccc}.cell--black{background:#000}.cell--black:before{color:#fff6}.cell:hover{opacity:.7}.grid-wrapper--preview .cell--black{background:#4a4a9e}.grid-wrapper--preview .cell--black:before{color:#ffffff80}.controls{display:flex;flex-direction:column;gap:14px;width:100%}.controls-error{background:var(--error-bg);border:1px solid var(--error-fg);color:var(--error-fg);font-size:.72rem;letter-spacing:.02em;line-height:1.4;padding:8px 12px}.slider-row{align-items:center;display:flex;gap:10px}.slider-bound{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.time-slider{-webkit-appearance:none;appearance:none;background:#ccc;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:16px;width:16px}.time-slider:disabled{cursor:not-allowed;opacity:.5}.duration-badge{color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;min-width:42px;text-align:right}.button-row{display:flex;gap:10px}.btn{border:2px solid var(--primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.12em;padding:10px 20px;text-transform:uppercase;transition:background .1s,color .1s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--ai{background:var(--primary);color:#fff;flex:1 1}.btn--ai:hover:not(:disabled),.btn--stop{background:#000;border-color:#000}.btn--stop{color:#fff;flex:1 1}.btn--stop:hover:not(:disabled){background:#333;border-color:#333}.btn--clear{background:#0000;color:var(--primary)}.btn--clear:hover:not(:disabled){background:var(--primary);color:#fff}.btn--load,.btn--save{background:#0000;color:var(--primary);flex:1 1}.btn--load:hover:not(:disabled),.btn--save:hover:not(:disabled){background:var(--primary);color:#fff}.history-panel{background:var(--white);border:2px solid var(--primary);display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 120px);max-width:380px;min-width:260px}.history-heading{border-bottom:1px solid #ccc;color:var(--primary);flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.history-heading,.history-loading{background:var(--bg);padding:10px 14px}.history-loading{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px}.history-spinner{animation:spin .7s linear infinite;border:2px solid #ccc;border-radius:50%;border-top:2px solid var(--primary);display:inline-block;flex-shrink:0;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.history-loading-text{color:var(--muted);font-family:Courier New,monospace;font-size:.7rem;letter-spacing:.05em}.history-empty{color:var(--muted);font-size:.78rem;letter-spacing:.04em;line-height:1.6;padding:20px 14px}.history-list{flex:1 1;list-style:none;overflow-y:auto;padding:0}.history-entry{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px 14px}.history-entry:last-child{border-bottom:none}.entry-cell{background:var(--primary);border-radius:3px;color:#fff;flex-shrink:0;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.05em;line-height:1.2;padding:4px 7px}.entry-cell--human{background:#0000;border:2px solid var(--primary);color:var(--primary)}.entry-reasoning--human{color:var(--muted);font-style:italic}.history-entry:hover{background:#f5f5f5;cursor:default}.entry-body{flex:1 1;min-width:0}.entry-meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.entry-model{color:var(--primary);font-family:Courier New,monospace;font-size:.68rem;font-weight:700;word-break:break-all}.entry-time{color:var(--muted);font-size:.65rem;margin-left:auto;white-space:nowrap}.entry-reasoning{color:#333;font-size:.72rem;letter-spacing:.01em;line-height:1.5}@media (max-width:900px){.history-panel{max-height:320px;max-width:100%}}:root{--bg:#faf3e0;--primary:#002fa7;--black:#000;--white:#fff;--border:#002fa7;--muted:#888;--error-bg:#ffe0e0;--error-fg:#c00}.app{display:flex;flex-direction:column;min-height:100vh}.app,.app-header{background:#faf3e0;background:var(--bg)}.app-header{border-bottom:2px solid #002fa7;border-bottom:2px solid var(--primary);padding:24px 32px 16px}.app-title{color:#002fa7;color:var(--primary);font-size:2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.app-subtitle{color:#888;color:var(--muted);font-size:.75rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.app-explainer{color:#444;font-size:.8rem;line-height:1.6;margin-top:10px;max-width:560px}.app-main{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:32px;padding:24px 32px}.canvas-column{display:flex;flex-direction:column;flex-shrink:0;gap:20px}@media (max-width:900px){.app-main{flex-direction:column;padding:16px}}
/*# sourceMappingURL=main.9a3c0c08.css.map*/