.editor[data-v-1968fecc]{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0;flex:1 1 300px;transition:box-shadow .25s,border-color .25s,transform .25s}.editor.is-active[data-v-1968fecc]{border-color:var(--tab-accent);box-shadow:0 0 0 1px var(--tab-accent),0 12px 30px -12px var(--tab-accent-glow)}.accent-green[data-v-1968fecc]{--tab-accent: #42b883;--tab-accent-glow: rgba(66, 184, 131, .5)}.accent-blue[data-v-1968fecc]{--tab-accent: #5aa2ff;--tab-accent-glow: rgba(90, 162, 255, .5)}.editor-tab[data-v-1968fecc]{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--tab-bg);border-bottom:1px solid var(--border);font-size:13px}.dot[data-v-1968fecc]{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.r[data-v-1968fecc]{background:#ff5f56}.dot.y[data-v-1968fecc]{background:#ffbd2e}.dot.g[data-v-1968fecc]{background:#27c93f}.fname[data-v-1968fecc]{margin-left:8px;font-weight:600;color:var(--text);font-family:var(--mono)}.editing[data-v-1968fecc]{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--tab-accent);background:color-mix(in srgb,var(--tab-accent) 16%,transparent);padding:2px 8px;border-radius:999px}.code[data-v-1968fecc]{margin:0;padding:12px 0;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.7;flex:1}.line[data-v-1968fecc]{display:flex;padding:0 4px;white-space:pre}.line.added[data-v-1968fecc]{background:#42b88324;box-shadow:inset 3px 0 0 var(--tab-accent);animation:pop-1968fecc .5s ease}@keyframes pop-1968fecc{0%{background:#42b88366}to{background:#42b88324}}.ln[data-v-1968fecc]{flex:0 0 34px;text-align:right;padding-right:14px;color:var(--line-num);-webkit-user-select:none;user-select:none}.lc[data-v-1968fecc]{flex:1;white-space:pre}.preview[data-v-4a501287]{padding:0;overflow:hidden}.mini-head[data-v-4a501287]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--tab-bg);border-bottom:1px solid var(--border)}.mini-dot[data-v-4a501287]{width:9px;height:9px;border-radius:50%;background:#4b5568}.mini-url[data-v-4a501287]{margin-left:8px;font-size:12px;color:var(--muted);font-family:var(--mono)}.live[data-v-4a501287]{margin-left:auto;font-size:10px;font-weight:700;color:#42b883;letter-spacing:.03em}.screen[data-v-4a501287]{min-height:130px;padding:22px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#fbfcfe;background-image:radial-gradient(circle at 1px 1px,#e6ebf2 1px,transparent 0);background-size:16px 16px}.empty[data-v-4a501287]{color:#9aa4b2;font-size:14px;margin:auto}.rendered-h1[data-v-4a501287]{margin:0;font-size:30px;font-weight:800;color:#1f2937;line-height:1.2}.rendered-h1.blank[data-v-4a501287]{min-height:34px}.blank-tag[data-v-4a501287]{font-size:15px;font-weight:600;color:#b6bcc6;border:1px dashed #cfd5de;border-radius:6px;padding:2px 10px}.rendered-btn[data-v-4a501287]{font:inherit;font-weight:600;color:#fff;background:#42b883;border:none;padding:9px 18px;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px -4px #42b883b3;transition:transform .08s,background .15s}.rendered-btn[data-v-4a501287]:hover{background:#3aa876}.rendered-btn[data-v-4a501287]:active{transform:translateY(1px) scale(.98)}.console[data-v-4a501287]{border-top:1px solid var(--border);background:#0b0f17}.console-head[data-v-4a501287]{display:flex;align-items:baseline;gap:8px;padding:7px 14px;font-size:11px;font-weight:700;letter-spacing:.05em;color:#7d8799;border-bottom:1px solid #1c2333}.console-sub[data-v-4a501287]{font-family:var(--mono);font-weight:400;color:#4b5568}.console-body[data-v-4a501287]{padding:10px 14px;min-height:46px;font-family:var(--mono);font-size:13px}.console-empty[data-v-4a501287]{margin:0;color:#4b5568}.console-line[data-v-4a501287]{margin:0 0 2px;color:#7ee787;animation:fadein-4a501287 .25s ease}.chev[data-v-4a501287]{color:#42b883}@keyframes fadein-4a501287{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.hint[data-v-4a501287]{margin:0;padding:11px 14px;font-size:13px;line-height:1.5;color:var(--muted);background:var(--panel);border-top:1px solid var(--border)}.app[data-v-2334e291]{max-width:1360px;margin:0 auto;padding:20px clamp(14px,3vw,32px) 40px}.topbar[data-v-2334e291]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px}.brand[data-v-2334e291]{display:flex;align-items:center;gap:14px}.logo[data-v-2334e291]{font-size:26px;color:#42b883;background:#42b8831f;width:46px;height:46px;display:grid;place-items:center;border-radius:12px}.titles h1[data-v-2334e291]{margin:0;font-size:clamp(17px,2.4vw,22px);font-weight:800;letter-spacing:-.01em}.titles h1 b[data-v-2334e291]{color:#42b883}.titles p[data-v-2334e291]{margin:3px 0 0;font-size:13px;color:var(--muted)}.nav[data-v-2334e291]{display:flex;align-items:center;gap:12px}.counter[data-v-2334e291]{font-variant-numeric:tabular-nums;font-weight:800;font-size:16px}.counter i[data-v-2334e291]{color:var(--muted);font-style:normal;font-weight:500}.nav-btn[data-v-2334e291]{font:inherit;font-weight:600;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--border);padding:8px 16px;border-radius:9px;cursor:pointer;transition:all .15s}.nav-btn[data-v-2334e291]:hover:not(:disabled){border-color:#42b883}.nav-btn.primary[data-v-2334e291]{background:#42b883;border-color:#42b883;color:#fff}.nav-btn.primary[data-v-2334e291]:hover:not(:disabled){background:#3aa876}.nav-btn[data-v-2334e291]:disabled{opacity:.4;cursor:default}.stepper[data-v-2334e291]{display:flex;gap:7px;flex-wrap:wrap;padding:4px 0 22px}.pip[data-v-2334e291]{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}.pip[data-v-2334e291]:hover{border-color:#42b883;color:var(--text)}.pip.done[data-v-2334e291]{color:#42b883;border-color:#42b88380;background:#42b88314}.pip.on[data-v-2334e291]{background:#42b883;border-color:#42b883;color:#fff;transform:scale(1.1);box-shadow:0 6px 16px -6px #42b883cc}.layout[data-v-2334e291]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:20px;align-items:start}.editors[data-v-2334e291]{display:flex;gap:16px;flex-wrap:wrap}.side[data-v-2334e291]{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.flow[data-v-2334e291]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px}.node[data-v-2334e291]{font-weight:700;font-size:13px;padding:8px 14px;border-radius:9px;border:1px solid var(--border)}.node.parent[data-v-2334e291]{color:#42b883;border-color:#42b88373}.node.child[data-v-2334e291]{color:#5aa2ff;border-color:#5aa2ff73}.arrows[data-v-2334e291]{display:flex;flex-direction:column;gap:6px;flex:1;max-width:150px}.arrow[data-v-2334e291]{position:relative;height:22px;border-radius:6px;background:var(--tab-bg);border:1px dashed var(--border);display:grid;place-items:center;opacity:.45;transition:all .3s}.arrow .lbl[data-v-2334e291]{font-size:11px;font-weight:700;color:var(--muted)}.arrow.down.hot[data-v-2334e291]{opacity:1;border-style:solid;border-color:#42b883;background:#42b8831f}.arrow.down.hot .lbl[data-v-2334e291]{color:#42b883}.arrow.up.hot[data-v-2334e291]{opacity:1;border-style:solid;border-color:#5aa2ff;background:#5aa2ff1f}.arrow.up.hot .lbl[data-v-2334e291]{color:#5aa2ff}.explain[data-v-2334e291]{padding:20px}.ehead[data-v-2334e291]{display:flex;align-items:center;gap:9px;margin-bottom:10px}.stepno[data-v-2334e291]{font-size:11px;font-weight:800;letter-spacing:.06em;color:#42b883;background:#42b8831f;padding:3px 9px;border-radius:999px}.tag[data-v-2334e291]{font-family:var(--mono);font-size:12px;color:var(--muted);background:var(--tab-bg);padding:3px 9px;border-radius:999px;border:1px solid var(--border)}.explain h2[data-v-2334e291]{margin:0 0 12px;font-size:19px;font-weight:800;letter-spacing:-.01em}.body[data-v-2334e291]{font-size:14.5px;line-height:1.75;color:var(--text-soft)}.mobile-nav[data-v-2334e291]{display:none;gap:12px}.mobile-nav .nav-btn[data-v-2334e291]{flex:1}.foot[data-v-2334e291]{margin-top:26px;text-align:center;font-size:12.5px;color:var(--muted)}@media(max-width:960px){.layout[data-v-2334e291]{grid-template-columns:1fr}.side[data-v-2334e291]{position:static}.nav[data-v-2334e291]{display:none}.mobile-nav[data-v-2334e291]{display:flex}}:root{--bg: #0d1117;--bg2: #0a0e14;--panel: #161b22;--tab-bg: #10151c;--border: #262d38;--text: #e6edf3;--text-soft: #cdd6e0;--muted: #8b949e;--line-num: #495162;--mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", system-ui, sans-serif;--tok-tag: #7ee787;--tok-str: #a5d6ff;--tok-kw: #ff7b72;--tok-bi: #d2a8ff;--tok-dir: #ffa657;--tok-mus: #79c0ff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(66,184,131,.08),transparent),radial-gradient(1000px 500px at 0% 0%,rgba(90,162,255,.06),transparent),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px}.tok-tag{color:var(--tok-tag)}.tok-str{color:var(--tok-str)}.tok-kw{color:var(--tok-kw)}.tok-bi{color:var(--tok-bi)}.tok-dir{color:var(--tok-dir)}.tok-mus{color:var(--tok-mus)}.body code{font-family:var(--mono);font-size:.88em;color:#ffd7a8;background:#ffa6571a;border:1px solid rgba(255,166,87,.18);padding:1px 6px;border-radius:5px;white-space:nowrap}.body b{color:#fff;font-weight:700}.body u{text-decoration:underline;text-underline-offset:2px}.body .muted{color:var(--muted)}::selection{background:#42b88352}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:#2b3340;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a4453}::-webkit-scrollbar-track{background:transparent}