:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--panel:transparent;--border:#c6c6c6;--text:#1f1b16;--muted:#6a6a6a;--accent:#2f6fb3;--radius:6px;--shadow:none;--pane-height:clamp(360px, 78vh, 860px);--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Source Code Pro", "Noto Sans Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);height:100dvh;color:var(--text);font-family:var(--font-sans);grid-template-rows:auto 1fr;margin:0;display:grid;overflow-x:auto}.app-header{padding:10px 16px 6px}h1{letter-spacing:.02em;margin:0;font-size:20px;font-weight:600}#app{align-items:stretch;gap:10px;min-width:860px;height:100%;min-height:0;padding:0 12px 12px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.panel-title{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.panel-actions{gap:6px;display:flex}button{border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline-offset:1px;outline:2px solid #2f6fb399}button:disabled{opacity:.5;cursor:not-allowed}#left{flex-direction:column;flex:none;gap:6px;height:100%;min-height:0;display:flex}#inputs{--editor-line-height:1.35em;resize:horizontal;border:1px solid var(--border);background:0 0;border-radius:6px;flex:auto;width:min(420px,42vw);min-width:220px;min-height:0;display:flex;overflow:auto}#inputs:focus-within{border-color:var(--accent)}#inputs>textarea{resize:none;box-sizing:border-box;height:auto;font-family:var(--font-mono);font-size:14px;line-height:var(--editor-line-height);color:var(--text);background:0 0;border:0;outline:none;padding:6px 8px;overflow:hidden}textarea#linenum{text-align:right;white-space:nowrap;width:34px;color:var(--muted);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#f3f3f3;flex:none;min-height:100%;overflow:hidden}#program{background-color:#0000;background-image:repeating-linear-gradient(transparent, transparent calc(var(--editor-line-height) - 1px), #0000002e calc(var(--editor-line-height) - 1px), #0000002e var(--editor-line-height));background-attachment:local;background-origin:content-box;background-clip:content-box;flex:auto;min-width:0;min-height:100%;display:flex;overflow:hidden}#outputs{flex-direction:column;flex:auto;gap:6px;min-width:0;height:100%;min-height:0;display:flex}.output-body{flex:auto;align-items:stretch;gap:12px;min-width:0;min-height:0;display:flex}#memories{--mem-cols:2.2rem minmax(6rem, 1.4fr) minmax(5rem, 1fr) minmax(6rem, 1fr);border:1px solid var(--border);min-width:240px;font-family:var(--font-mono);background:0 0;border-radius:6px;flex:auto;height:100%;min-height:0;font-size:13px;overflow:auto}.mem-row{grid-template-columns:var(--mem-cols);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 8px;display:grid}.mem-row.header{color:var(--muted);z-index:1;border-bottom:1px solid var(--border);background:#eee;font-weight:600;position:sticky;top:0}.mem-row .cell.addr{text-align:right;color:var(--muted)}.mem-row .cell.memory,.mem-row .cell.mem10{text-align:right}#registers{flex-direction:column;flex:0 0 190px;gap:10px;min-width:170px;height:100%;display:flex}.register-list{border:1px solid var(--border);font-family:var(--font-mono);background:0 0;border-radius:6px;flex:none;gap:4px;padding:6px;display:grid}.register{justify-content:space-between;gap:8px;display:flex}.register .label{color:var(--muted)}.register .value{font-weight:600}.register .value.affect-highlight{background:#ffd24d;border-radius:4px;padding:0 4px}#controls{flex:none;gap:6px;display:grid}#others{color:var(--muted);text-align:right;gap:3px;margin-top:auto;font-size:11px;line-height:1.35;display:grid}#others a{color:inherit;text-decoration:none}#others a:hover,#others a:focus-visible{color:var(--accent);text-decoration:underline}.control-buttons{gap:6px;display:grid}#controls button{width:100%}.speed-control{gap:4px;display:grid}.speed-header{color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.speed-title,#speedlabel{font-weight:600}#speed{width:100%}body.nomem10 .mem10,.nocode #inputs,.nocode #writehere,.nocode .hidden,body:not(.nocode) .show{display:none}.mem-row.affect-highlight,.affect-highlight{background-color:#ffd24d;border-left:4px solid #c98a00}.mem-row.pc-hilight,.pc-hilight{background-color:#ff8b7f;border-left:4px solid #b33a2a}.register .value.pc-hilight{background:#ff8b7f;border-radius:4px;padding:1px 4px}