.sim{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 26rem;gap:1.25rem;align-items:stretch;padding:1rem clamp(.75rem,2vw,1.4rem) 1rem}.sim__stage{min-height:0;display:flex;flex-direction:column;justify-content:center}.sim__side{overflow-y:auto;padding-right:.35rem}.sim__side::-webkit-scrollbar{width:8px}.sim__side::-webkit-scrollbar-thumb{background:var(--rule);border-radius:4px}.sim__canvas{width:100%;max-width:min(100%,calc(100dvh - 12rem));aspect-ratio:1;display:block;margin:0 auto;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-sunk);touch-action:none;cursor:crosshair}.sim__transport{display:flex;align-items:center;gap:.85rem;margin-top:.85rem}.sim__transport input[type=range]{flex:1;accent-color:var(--accent)}.sim__play{border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);border-radius:var(--r-pill);padding:.34rem .95rem;font-size:.85rem;cursor:pointer;min-width:4.6rem}.sim__play:hover{border-color:var(--accent)}.sim__read{font-family:var(--type-mono);font-size:.74rem;color:var(--ink-3);white-space:nowrap}.sim__side{display:grid;gap:1rem;min-width:0}.sim__card{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);padding:1rem 1.1rem;min-width:0}.sim__card h2{font-family:var(--type-sans);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .7rem}.sim__row{display:flex;gap:.7rem}.sim__row label,.sim__end{flex:1;display:grid;gap:.3rem;font-size:.78rem;color:var(--ink-2)}.sim__hint{font-size:.75rem;color:var(--ink-3);margin:.55rem 0 0}.sim input[type=number],.sim input[type=text],.sim select,.sim__name{width:100%;min-width:0;background:var(--paper-sunk);color:var(--ink);border:1px solid var(--rule);border-radius:7px;padding:.3rem .45rem;font-size:.8rem;font-family:var(--type-mono)}.sim input:focus,.sim select:focus{outline:none;border-color:var(--accent)}.sim__list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.sim__list li{display:grid;grid-template-columns:1.4rem minmax(0,1.5fr) repeat(3,minmax(0,1fr)) 1.3rem;gap:.3rem;align-items:center}.sim__list li>button:first-child{border:1px solid var(--rule);background:transparent;color:var(--ink-3);border-radius:50%;width:1.4rem;height:1.4rem;font-size:.7rem;cursor:pointer;padding:0}.sim__list li.is-on>button:first-child{border-color:var(--accent);color:var(--accent)}.sim__del{border:0;background:transparent;color:var(--ink-3);cursor:pointer;font-size:1rem;padding:0}.sim__del:disabled{opacity:.3;cursor:default}.sim__labels{display:grid;grid-template-columns:1.4rem minmax(0,1.5fr) repeat(3,minmax(0,1fr)) 1.3rem;gap:.3rem;margin-top:.35rem;padding-left:1.7rem;font-size:.65rem;color:var(--ink-4);font-family:var(--type-mono)}.sim__labels span:first-child{grid-column:2}.sim__add{margin-top:.75rem;width:100%;border:1px dashed var(--rule);background:transparent;color:var(--ink-2);border-radius:9px;padding:.4rem;font-size:.8rem;cursor:pointer}.sim__add:hover{border-color:var(--accent);color:var(--accent)}.sim__seg{display:grid;gap:.65rem}.sim__check{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--ink-2)}.sim__check input{width:auto;accent-color:var(--accent)}.sim__end input[type=range]{accent-color:var(--accent)}.sim__warn ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.sim__warn li{font-size:.8rem;color:var(--ink-2);padding-left:.9rem;position:relative;line-height:1.45}.sim__warn li:before{content:"";position:absolute;left:0;top:.45rem;width:5px;height:5px;border-radius:50%;background:var(--accent)}.sim__warn li.is-err:before{background:#ff8f6b}.sim__codehead{display:flex;align-items:center;justify-content:space-between}.sim__codehead h2{margin-bottom:0}.sim__codehead button{border:1px solid var(--rule);background:transparent;color:var(--ink-2);border-radius:var(--r-pill);padding:.2rem .7rem;font-size:.75rem;cursor:pointer}.sim__codehead button:hover{border-color:var(--accent);color:var(--accent)}.sim__code{margin:.7rem 0 0;max-height:22rem;overflow:auto;background:var(--paper-sunk);border:1px solid var(--rule);border-radius:9px;padding:.8rem;font-family:var(--type-mono);font-size:.72rem;line-height:1.55;color:var(--ink-2);white-space:pre;max-width:100%}@media(max-width:62rem){.sim{grid-template-columns:minmax(0,1fr);padding-bottom:2rem}.sim__stage{min-height:auto}.sim__side{overflow:visible}}.sim__share{margin-top:.8rem;width:100%;border:1px solid var(--rule);background:var(--paper-sunk);color:var(--ink-2);border-radius:var(--r-pill);padding:.42rem;font-size:.8rem;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease)}.sim__share:hover{border-color:var(--accent);color:var(--accent)}.sim__paste{width:100%;min-height:7rem;resize:vertical;background:var(--paper-sunk);color:var(--ink);border:1px solid var(--rule);border-radius:9px;padding:.6rem .7rem;font-family:var(--type-mono);font-size:.72rem;line-height:1.5}.sim__paste:focus{outline:none;border-color:var(--accent)}.sim__paste::placeholder{color:var(--ink-4)}@media(max-width:62rem){.sim__code{white-space:pre-wrap;overflow-wrap:anywhere}.sim__transport{flex-wrap:wrap}.sim__read{white-space:normal;flex-basis:100%}}.sim__wait{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.82rem;color:var(--ink-2)}.sim__wait span{display:flex;align-items:center;gap:.35rem;font-family:var(--type-mono);font-size:.75rem;color:var(--ink-3)}.sim__wait input{width:4.2rem}.sim__obs{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.sim__obs li{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr)) 1.2rem;gap:.3rem;align-items:center}.sim__labels--obs{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr)) 1.2rem;padding-left:0}.sim__labels--obs span:first-child{grid-column:1}.sim__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.sim__clock{font-family:var(--type-mono);font-size:.86rem;color:var(--ink-3);display:flex;align-items:baseline;gap:.45rem}.sim__clock strong{color:var(--ink);font-weight:500;font-size:.95rem}.sim__clock em{font-style:normal;color:var(--ink-4);font-size:.78rem}.sim__tools{display:flex;gap:.35rem}.sim__tools button{min-width:2rem;height:2rem;padding:0 .45rem;border:1px solid var(--rule);border-radius:9px;background:var(--paper-raised);color:var(--ink-3);font-family:var(--type-mono);font-size:.8rem;cursor:pointer;transition:border-color .16s var(--ease),color .16s var(--ease)}.sim__tools button:hover{border-color:var(--accent);color:var(--accent)}.sim__tools button.is-on{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.sim__card h2 em{font-style:normal;color:var(--ink-4);font-weight:400;margin-left:.25rem}.sim__sub{margin-top:1rem!important}.sim__posrow{display:flex;gap:.9rem;flex-wrap:wrap;font-family:var(--type-mono);font-size:.76rem;color:var(--ink-4)}.sim__posrow strong{color:var(--ink);font-weight:500;margin-left:.25rem}.sim__chainrow{display:flex;gap:.45rem;align-items:center}.sim__chainrow select{flex:1;min-width:0}.sim__chainrow input[type=color]{width:2.1rem;height:2.1rem;padding:2px;flex:none;cursor:pointer;background:var(--paper-sunk);border:1px solid var(--rule);border-radius:8px}.sim__chainname{margin-top:.45rem}.sim__chainbtns{display:flex;gap:.4rem;margin-top:.5rem}.sim__chainbtns button{flex:1;border:1px solid var(--rule);background:var(--paper-sunk);color:var(--ink-2);border-radius:9px;padding:.34rem;font-size:.8rem;cursor:pointer}.sim__chainbtns button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sim__chainbtns button:disabled{opacity:.4;cursor:default}