*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f23;color:#fff}code{font-family:Fira Code,Consolas,Monaco,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3d3d5c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4d6c}._header_7r3cv_1{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1a1a2e;border-bottom:1px solid #2d2d44}._title_7r3cv_10{font-size:1.25rem;font-weight:600;color:#fff;text-decoration:none;transition:color .2s}._title_7r3cv_10:hover{color:#4fc3f7}._rightSection_7r3cv_22{display:flex;align-items:center;gap:12px}._videoButton_7r3cv_28{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}._videoButton_7r3cv_28:hover{background:linear-gradient(135deg,#ff5252,#d63031);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a244d}._videoButton_7r3cv_28 svg{fill:currentColor}._github_7r3cv_53{display:flex;align-items:center;gap:8px;color:#888;text-decoration:none;transition:color .2s;padding:6px 12px;border-radius:6px;background:#ffffff0d}._github_7r3cv_53:hover{color:#fff;background:#ffffff1a}._starCount_7r3cv_70{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:gold}._starCount_7r3cv_70 svg{fill:gold}._modalOverlay_7r3cv_84{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_7r3cv_1 .2s ease}@keyframes _fadeIn_7r3cv_1{0%{opacity:0}to{opacity:1}}._modalContent_7r3cv_107{position:relative;max-width:90vw;max-height:90vh;animation:_scaleIn_7r3cv_1 .2s ease}@keyframes _scaleIn_7r3cv_1{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}._closeButton_7r3cv_125{position:absolute;top:-40px;right:0;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}._closeButton_7r3cv_125:hover{background:#fff3;transform:scale(1.1)}._video_7r3cv_28{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 20px 60px #00000080}._container_1s4yz_1{padding:12px 20px;background:#16213e;border-bottom:1px solid #2d2d44}._inputRow_1s4yz_7{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._inputGroup_1s4yz_14{display:flex;align-items:center;gap:8px}._label_1s4yz_20{color:#aaa;font-size:.875rem;white-space:nowrap}._input_1s4yz_7{padding:6px 12px;border:1px solid #3d3d5c;border-radius:4px;background:#1a1a2e;color:#fff;font-family:Fira Code,monospace;font-size:.875rem;min-width:150px}._input_1s4yz_7:focus{outline:none;border-color:#4fc3f7}._submitBtn_1s4yz_42{padding:6px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}._submitBtn_1s4yz_42:hover{background:#45a049}._randomBtn_1s4yz_57{padding:6px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}._randomBtn_1s4yz_57:hover{background:#1976d2}._error_1s4yz_72{margin-top:8px;padding:8px 12px;background:#f443361a;border:1px solid #f44336;border-radius:4px;color:#f44336;font-size:.875rem}._presets_1s4yz_82{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}._presetsLabel_1s4yz_90{color:#888;font-size:.875rem}._presetBtn_1s4yz_95{padding:4px 12px;background:#2d2d44;color:#ccc;border:1px solid #3d3d5c;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}._presetBtn_1s4yz_95:hover{background:#3d3d5c;color:#fff}._container_2prj0_1{background:#1e1e1e;border-radius:8px;overflow:hidden;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:.875rem;height:100%;display:flex;flex-direction:column;border:1px solid #333}._header_2prj0_14{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,#2d2d44,#252538);border-bottom:1px solid #3d3d5c}._headerLeft_2prj0_23{display:flex;align-items:center;gap:8px}._headerRight_2prj0_29{display:flex;align-items:center}._headerIcon_2prj0_34{font-size:1rem}._headerTitle_2prj0_38{color:#e0e0e0;font-size:.8rem;font-weight:500;letter-spacing:.3px}._headerBadge_2prj0_45{padding:2px 8px;background:#4caf5033;border:1px solid #4caf50;border-radius:4px;color:#81c784;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}._languageTabs_2prj0_57{display:flex;gap:2px;padding:6px 8px;background:#1a1a2e;border-bottom:1px solid #333}._languageTab_2prj0_57{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}._languageTab_2prj0_57:hover{background:#ffffff0d;color:#ccc}._activeTab_2prj0_84{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}._tabIcon_2prj0_90{font-size:.9rem}._tabLabel_2prj0_94{font-weight:500}._codeArea_2prj0_99{flex:1;overflow-y:auto;overflow-x:auto}._codeContent_2prj0_105{min-width:fit-content}._line_2prj0_110{display:flex;align-items:stretch;min-height:26px;transition:background .15s ease;position:relative}._line_2prj0_110:hover{background:#ffffff08}._currentLine_2prj0_123{background:#ffeb3b1f!important}._currentLine_2prj0_123:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffeb3b}._gutterArea_2prj0_138{display:flex;align-items:center;padding:0 4px 0 8px;background:#0003;border-right:1px solid #333;-webkit-user-select:none;user-select:none;flex-shrink:0}._breakpoint_2prj0_149{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;margin-right:4px}._breakpoint_2prj0_149._active_2prj0_84{color:#ff5252;text-shadow:0 0 4px rgba(255,82,82,.6)}._lineNumber_2prj0_166{color:#6e7681;min-width:28px;text-align:right;font-size:.75rem;padding-right:8px}._currentLine_2prj0_123 ._lineNumber_2prj0_166{color:#ffeb3b;font-weight:600}._codeLineWrapper_2prj0_180{display:flex;align-items:center;flex:1;padding:0 12px;gap:16px;min-width:0}._lineContent_2prj0_190{white-space:pre;color:#d4d4d4;flex-shrink:0}._executionIndicator_2prj0_197{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#ffeb3b;font-size:.7rem;opacity:.8}._variablesInline_2prj0_208{display:flex;gap:8px;flex-wrap:nowrap;margin-left:auto;padding-right:24px}._variableTag_2prj0_216{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#2196f326;border:1px solid rgba(33,150,243,.4);border-radius:4px;font-size:.72rem;white-space:nowrap;animation:_fadeIn_2prj0_1 .2s ease}@keyframes _fadeIn_2prj0_1{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}._varName_2prj0_240{color:#9cdcfe;font-weight:500}._varEquals_2prj0_245{color:#666}._varValue_2prj0_249{color:#ce9178;font-weight:600}._watchPanel_2prj0_255{border-top:1px solid #333;background:#0000004d;max-height:120px;overflow-y:auto}._watchHeader_2prj0_262{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0003;color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333}._watchIcon_2prj0_275{font-size:.8rem}._watchContent_2prj0_279{padding:6px 0}._watchItem_2prj0_283{display:flex;align-items:center;padding:4px 12px;gap:12px;font-size:.75rem}._watchItem_2prj0_283:hover{background:#ffffff08}._watchName_2prj0_295{color:#9cdcfe;min-width:80px;font-weight:500}._watchValue_2prj0_301{color:#ce9178;flex:1;font-weight:600}._watchLine_2prj0_307{color:#666;font-size:.65rem}._codeArea_2prj0_99 code[class*=language-],._codeArea_2prj0_99 pre[class*=language-]{color:#d4d4d4;background:none;text-shadow:none;font-family:inherit;font-size:inherit;line-height:inherit}._codeArea_2prj0_99 .token.comment,._codeArea_2prj0_99 .token.prolog,._codeArea_2prj0_99 .token.doctype,._codeArea_2prj0_99 .token.cdata{color:#6a9955;font-style:italic}._codeArea_2prj0_99 .token.punctuation{color:#d4d4d4}._codeArea_2prj0_99 .token.property,._codeArea_2prj0_99 .token.tag,._codeArea_2prj0_99 .token.boolean,._codeArea_2prj0_99 .token.number,._codeArea_2prj0_99 .token.constant,._codeArea_2prj0_99 .token.symbol{color:#b5cea8}._codeArea_2prj0_99 .token.selector,._codeArea_2prj0_99 .token.attr-name,._codeArea_2prj0_99 .token.string,._codeArea_2prj0_99 .token.char,._codeArea_2prj0_99 .token.builtin{color:#ce9178}._codeArea_2prj0_99 .token.operator,._codeArea_2prj0_99 .token.entity,._codeArea_2prj0_99 .token.url,._codeArea_2prj0_99 .token.variable{color:#d4d4d4}._codeArea_2prj0_99 .token.atrule,._codeArea_2prj0_99 .token.attr-value,._codeArea_2prj0_99 .token.function{color:#dcdcaa}._codeArea_2prj0_99 .token.keyword{color:#569cd6}._codeArea_2prj0_99 .token.type-name,._codeArea_2prj0_99 .token.class-name{color:#4ec9b0}._codeArea_2prj0_99 .token.regex,._codeArea_2prj0_99 .token.important{color:#d16969}._codeArea_2prj0_99 .token.annotation{color:#dcdcaa}._codeArea_2prj0_99 .token.generics{color:#4ec9b0}._codeArea_2prj0_99 .token.decorator,._codeArea_2prj0_99 .token.decorator .token.function{color:#dcdcaa}._codeArea_2prj0_99 .token.triple-quoted-string{color:#6a9955}._codeArea_2prj0_99 .token.builtin{color:#4ec9b0}._codeArea_2prj0_99 .token.template-string{color:#ce9178}._codeArea_2prj0_99 .token.template-punctuation,._codeArea_2prj0_99 .token.arrow{color:#569cd6}._codeArea_2prj0_99 .token.method{color:#dcdcaa}._codeArea_2prj0_99 .token.parameter{color:#9cdcfe}._codeArea_2prj0_99 .token.namespace{color:#4ec9b0}._codeArea_2prj0_99 .token.control-flow{color:#c586c0}._codeArea_2prj0_99 .token.return-type{color:#4ec9b0}._codeArea_2prj0_99::-webkit-scrollbar{width:8px;height:8px}._codeArea_2prj0_99::-webkit-scrollbar-track{background:#1e1e1e}._codeArea_2prj0_99::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}._codeArea_2prj0_99::-webkit-scrollbar-thumb:hover{background:#555}._watchPanel_2prj0_255::-webkit-scrollbar{width:6px}._watchPanel_2prj0_255::-webkit-scrollbar-track{background:transparent}._watchPanel_2prj0_255::-webkit-scrollbar-thumb{background:#424242;border-radius:3px}._container_fcui7_1{background:#0f0f23;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:100%}._header_fcui7_10{padding:8px 12px;background:#2d2d44;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}._svg_fcui7_19{flex:1;width:100%;cursor:grab}._svg_fcui7_19:active{cursor:grabbing}._sectionTitle_fcui7_29{fill:#888;font-size:12px;font-weight:500}._actionLabelBg_fcui7_35{fill:#ff9800}._actionLabel_fcui7_35{fill:#000;font-size:14px;font-weight:600;text-anchor:middle}._pointerLabel_fcui7_46{font-size:12px;font-weight:600;text-anchor:middle}._pointerArrow_fcui7_52{animation:_bounce_fcui7_1 .6s ease-in-out infinite}@keyframes _bounce_fcui7_1{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}._cell_fcui7_61{fill:#2d2d44;stroke:#3d3d5c;stroke-width:2;transition:all .3s ease}._highlighted_fcui7_68{fill:#4caf50;stroke:#81c784}._cellValue_fcui7_73{fill:#fff;font-size:16px;font-weight:600;text-anchor:middle;dominant-baseline:middle}._cellIndex_fcui7_81{fill:#666;font-size:11px;text-anchor:middle}._calculationBg_fcui7_87{fill:#2196f326;stroke:#2196f3;stroke-width:1}._calculationExpr_fcui7_93{fill:#90caf9;font-size:14px;font-family:Fira Code,monospace}._calculationResult_fcui7_99{fill:#fff;font-size:16px;font-weight:600;font-family:Fira Code,monospace}._arrow_fcui7_106{animation:_drawArrow_fcui7_1 .5s ease-out}@keyframes _drawArrow_fcui7_1{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}._arrowLabel_fcui7_121{font-size:11px;font-weight:500}._hashCell_fcui7_126{fill:#1a237e;stroke:#3949ab;stroke-width:2;transition:all .3s ease}._newEntry_fcui7_133{fill:#4caf50;stroke:#81c784;animation:_pulse_fcui7_1 .5s ease-out}@keyframes _pulse_fcui7_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}._hashKey_fcui7_145{fill:#90caf9;font-size:14px;font-weight:600;text-anchor:middle}._hashDivider_fcui7_152{stroke:#3949ab;stroke-width:1}._hashValue_fcui7_157{fill:#fff;font-size:14px;font-weight:600;text-anchor:middle}._newLabel_fcui7_164{fill:#81c784;font-size:10px;text-anchor:middle;font-weight:500}._emptyText_fcui7_171{fill:#666;font-size:12px;font-style:italic}._container_12ijn_1{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:12px;border-left:1px solid #3d3d5c}._label_12ijn_10{color:#888;font-size:.875rem}._selector_12ijn_15{position:relative}._trigger_12ijn_19{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2d2d44;color:#fff;border:1px solid #3d3d5c;border-radius:6px;cursor:pointer;transition:all .2s;min-width:80px;justify-content:space-between}._trigger_12ijn_19:hover{background:#3d3d5c;border-color:#4caf50}._value_12ijn_39{font-size:.875rem;font-weight:500}._arrow_12ijn_44{font-size:.625rem;color:#888;transition:transform .2s}._arrowUp_12ijn_50{transform:rotate(180deg)}._dropdown_12ijn_54{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:#2d2d44;border:1px solid #3d3d5c;border-radius:6px;box-shadow:0 -4px 12px #0000004d;overflow:hidden;z-index:100}._option_12ijn_68{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;color:#ccc;border:none;cursor:pointer;transition:all .15s;font-size:.875rem;text-align:left}._option_12ijn_68:hover{background:#3d3d5c;color:#fff}._option_12ijn_68._selected_12ijn_88{background:#4caf5033;color:#4caf50}._checkmark_12ijn_93{color:#4caf50;font-size:.75rem}._container_1u0dn_1{padding:12px 20px;background:#1a1a2e;border-top:1px solid #2d2d44}._controls_1u0dn_7{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}._btn_1u0dn_15{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#2d2d44;color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:all .2s}._btn_1u0dn_15:hover:not(:disabled){background:#3d3d5c;color:#fff}._btn_1u0dn_15:disabled{opacity:.5;cursor:not-allowed}._playBtn_1u0dn_38{display:flex;align-items:center;gap:4px;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}._playBtn_1u0dn_38:hover{background:#45a049}._shortcut_1u0dn_55{font-size:.7rem;color:#888;margin-left:2px}._stepInfo_1u0dn_61{color:#888;font-size:.875rem;min-width:60px;text-align:center}._progressContainer_1u0dn_68{cursor:pointer;padding:8px 0}._progressTrack_1u0dn_73{position:relative;height:6px;background:#2d2d44;border-radius:3px}._progressFill_1u0dn_80{position:absolute;top:0;left:0;height:100%;background:#4caf50;border-radius:3px;transition:width .1s}._progressThumb_1u0dn_90{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d;transition:left .1s}._progressThumb_1u0dn_90:hover{transform:translate(-50%,-50%) scale(1.2)}._container_1wvmt_1{position:fixed;bottom:20px;right:20px;z-index:1000}._ball_1wvmt_8{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 12px #4caf5066;transition:transform .2s,box-shadow .2s}._ball_1wvmt_8:hover{transform:scale(1.1);box-shadow:0 6px 16px #4caf5080}._text_1wvmt_28{font-size:.6rem;margin-top:2px}._qrCode_1wvmt_33{position:absolute;bottom:70px;right:0;background:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 20px #0000004d;animation:_fadeIn_1wvmt_1 .2s ease}@keyframes _fadeIn_1wvmt_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._qrImage_1wvmt_55{width:150px;height:auto;display:block}._qrText_1wvmt_61{margin:8px 0 0;font-size:.75rem;color:#666;text-align:center}._app_1syck_1{display:flex;flex-direction:column;height:100vh;background:#0f0f23;color:#fff;overflow:hidden}._main_1syck_10{flex:1;display:flex;gap:16px;padding:16px;min-height:0}._codePanel_1syck_18{flex:0 0 676px;min-width:585px;display:flex;flex-direction:column}._canvasPanel_1syck_25{flex:1;min-width:0;display:flex;flex-direction:column}@media(max-width:900px){._main_1syck_10{flex-direction:column}._codePanel_1syck_18{flex:0 0 auto;max-height:40vh}._canvasPanel_1syck_25{flex:1}}