:root{--bg: #0b0c0e;--fg: #eaeef2;--muted: #9aa4af;--panel: #15181c;--accent: #7cc4ff;--error: #ff6b6b;--ok: #5bd19a;--mono-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans-font: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans JP, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans-font)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{flex-shrink:0;padding:8px;background:var(--panel);border-bottom:1px solid #222}.toolbar-main{display:flex;align-items:center;flex-wrap:wrap}.toolbar-controls{display:flex;align-items:center}.menu-toggle,.toolbar-mobile-menu{display:none}@media (max-width: 768px){.toolbar{padding:6px}.toolbar-main{gap:4px}.toolbar-controls{display:none!important}.menu-toggle{display:block}.toolbar-mobile-menu{display:block;padding:12px;background:#0f1216;border-radius:8px;margin-top:8px}.toolbar-mobile-menu .row{align-items:center}.toolbar-mobile-menu label{font-size:13px;white-space:nowrap;min-width:50px}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-section{flex:1;display:flex;flex-direction:column;min-height:135px;position:relative;overflow:auto;touch-action:pan-y pan-x}.editor-container{flex:1;min-height:135px;position:relative;display:flex;flex-direction:column;touch-action:pan-y pan-x}.io-section{flex-shrink:0;display:flex;flex-direction:column;gap:0}.io-panel{display:flex;flex-direction:column;background:var(--panel);border-top:1px solid #222;flex:1;min-width:0}.io-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:13px;font-weight:600;background:#0f1216;border-bottom:1px solid #222}.io-content{font-family:var(--mono-font);font-size:13px;padding:8px 10px;white-space:pre-wrap;word-wrap:break-word;max-height:5.5em;min-height:1.5em;overflow-y:auto;overflow-x:hidden;background:#0a0b0d}.io-content:empty:before{content:"(empty)";color:var(--muted);font-style:italic}.stack-content{font-family:var(--mono-font);font-size:13px;padding:8px 10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-height:5.5em;min-height:1.5em;background:#0a0b0d;display:flex;gap:6px}.stack-content:empty:before{content:"(empty)";color:var(--muted);font-style:italic}.stack-item{display:inline-block;background:#111418;border:1px solid #2a2f36;border-radius:4px;padding:4px 8px;white-space:nowrap}.status-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:6px 10px;border-top:1px solid #222;background:var(--panel);flex-wrap:wrap;gap:8px}.simple-editor{width:100%;height:100%;background:#1e1e1e;color:var(--fg);font-family:var(--mono-font);font-size:16px;line-height:22px;padding:10px;border:none;outline:none;resize:none;overflow:auto;tab-size:1;-moz-tab-size:1;white-space:pre;word-wrap:normal;overflow-wrap:normal;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.simple-editor.syntax-highlighted{background:transparent;color:transparent;caret-color:var(--fg)}.simple-editor:focus{background:#1e1e1e}.simple-editor.syntax-highlighted:focus{background:transparent}.simple-editor:read-only{background:#2a2a2a;cursor:default}.pc-highlight{position:absolute;pointer-events:none;background:#7cc4ff40;border:2px solid var(--accent);z-index:10;transition:all .1s ease}.mode-badge{font-size:11px;padding:3px 8px;border-radius:12px;border:1px solid;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-badge.edit{border-color:var(--ok);color:var(--ok)}.mode-badge.interp{border-color:var(--accent);color:var(--accent)}@media (max-width: 768px){.toolbar{padding:6px;max-height:35vh;overflow-y:auto}.toolbar .row{gap:4px;margin-left:0!important}.toolbar .row>*{margin-right:2px}.toolbar button,.toolbar select,.toolbar input,.toolbar textarea{font-size:12px;padding:4px 8px}.toolbar label{font-size:11px}.toolbar input[type=number]{width:70px!important}.toolbar input[type=text]{width:120px!important}.toolbar button[title*=標準入力]{max-width:100px!important;font-size:11px!important}.toolbar .hr{display:none}.badge,.mode-badge{font-size:10px;padding:2px 6px}.io-content,.stack-content{font-size:11px;padding:6px 8px;max-height:4em}.stack-item{padding:2px 6px;font-size:11px}.status-bar{font-size:10px;padding:4px 8px;gap:4px}.io-header{padding:4px 8px;font-size:11px}}.panel{padding:8px;background:var(--panel)}button,select,input,textarea{background:#111418;color:var(--fg);border:1px solid #2a2f36;border-radius:8px;padding:6px 10px;font-size:14px}button{cursor:pointer}button.primary{border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}.mono,pre,code{font-family:var(--mono-font)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{margin-right:4px}.hr{height:1px;background:#222;margin:8px 0}.badge{font-size:12px;padding:3px 8px;border-radius:12px;border:1px solid #333;font-weight:500}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.err{border-color:var(--error);color:var(--error)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#2a2f36;border-radius:3px;outline:none;cursor:pointer;margin:5px 0;padding:0}.speed-slider{position:relative}.speed-display{font-size:13px;color:var(--accent);font-weight:600;min-width:50px;text-align:right}input[type=range]::-webkit-slider-track{background:#2a2f36;height:6px;border-radius:3px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);height:16px;width:16px;border-radius:50%;cursor:pointer;margin-top:-5px;transition:transform .15s ease,background .15s ease;box-shadow:0 2px 4px #0000004d}input[type=range]::-webkit-slider-thumb:hover{background:#a0d4ff;transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{background:#5fa8e0;transform:scale(.95)}input[type=range]::-moz-range-track{background:#2a2f36;height:6px;border-radius:3px;border:none}input[type=range]::-moz-range-thumb{background:var(--accent);height:16px;width:16px;border-radius:50%;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000004d}input[type=range]::-moz-range-thumb:hover{background:#a0d4ff;transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{background:#5fa8e0;transform:scale(.95)}