:root{--bg:#0c0c0e;--bg-elevated:#141416;--bg-panel:#18181b;--bg-hover:#222226;--bg-active:#2a2a30;--ink:#f4f4f5;--ink-soft:#a1a1aa;--ink-faint:#71717a;--line:#ffffff14;--line-strong:#ffffff1f;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f626;--ok:#22c55e;--ok-bg:#22c55e1f;--warn:#f59e0b;--danger:#ef4444;--danger-bg:#ef44441f;--ember:#f59e0b;--locked:#52525b;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", "Outfit", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:12px;--radius-sm:10px;--radius-xs:8px;--ease:cubic-bezier(.22, 1, .36, 1);--nav-w:240px;--explain-w:360px;--sidebar-w:360px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--apple-blue:var(--accent);--apple-blue-deep:var(--accent-hover);--apple-blue-soft:var(--accent-soft);--ok-bright:var(--ok);--mist:var(--bg);--paper:var(--bg-panel);--glass:var(--bg-panel);--glass-strong:var(--bg-elevated);--glass-border:var(--line);--glass-border-soft:var(--line);--shadow-soft:none;--shadow-glass:none;--blur:0px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}#root{z-index:1;position:relative}button,input,select{font:inherit}button{cursor:pointer}code,pre{font-family:var(--font-mono)}a{color:var(--accent)}.ambient{z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 0% 0%, #3b82f61f, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 100%, #3b82f60f, transparent 50%), var(--bg);position:fixed;inset:0}.ambient-orb,.ambient-noise{display:none}.app-shell{max-width:none;height:100%;margin:0;padding:0;position:relative}.app-shell.is-wizard{justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex;overflow:auto}.brand{font-family:var(--font-display);letter-spacing:-.035em;font-weight:700;line-height:1}.brand-mark{align-items:center;gap:.65rem;display:inline-flex}.muted{color:var(--ink-soft)}.glass,.glass-strong{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn{letter-spacing:-.01em;transition:background .2s var(--ease), transform .15s, opacity .2s;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line-strong);background:0 0}.btn-ghost:hover{color:var(--ink);background:var(--bg-hover)}.btn-ember{background:var(--accent);color:#fff}.btn-ember:hover{background:var(--accent-hover)}.btn-ember:disabled{opacity:.4;cursor:not-allowed}.field{flex-direction:column;gap:.4rem;display:flex}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:.72rem;font-weight:600}.field input,.field select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--ink);outline:none;padding:.7rem .9rem}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.choice-row{flex-wrap:wrap;gap:.5rem;display:flex}.choice{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink-soft);border-radius:10px;padding:.55rem .95rem;font-weight:500}.choice:hover{color:var(--ink);border-color:#3b82f666}.choice.is-selected{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.artifact{color:#d4d4d8;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:#0a0a0b;margin:0;padding:.9rem 1rem;font-size:.75rem;line-height:1.55;overflow-x:auto}.artifact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:.4rem;font-size:.68rem;font-weight:600}.check{border:1.5px solid var(--locked);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.check.is-done{background:var(--ok);border-color:var(--ok);color:#fff}.check.is-active{border-color:var(--accent);background:var(--accent-soft)}.check svg{width:.7rem;height:.7rem}.chip{background:var(--bg-hover);border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;padding:.3rem .65rem;font-size:.7rem;font-weight:600}.chip-live{background:var(--ok-bg)!important;color:var(--ok)!important;border-color:#22c55e40!important}.chip-bad{background:var(--danger-bg)!important;color:#f87171!important;border-color:#ef444440!important}.wizard{flex-direction:column;gap:1.5rem;width:100%;max-width:480px;min-height:auto;display:flex}.wizard-hero{text-align:left}.wizard-brand{color:var(--ink);-webkit-text-fill-color:unset;background:0 0;margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,3.2rem)}.wizard-tagline{max-width:36ch;color:var(--ink-soft);margin:0;font-size:1.05rem}.wizard-panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.4rem}.wizard-panel h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .4rem;font-size:1.45rem}.wizard-panel>.muted{margin:0;font-size:.9rem}.wizard-step-labels{flex-wrap:wrap;gap:.35rem .65rem;margin-bottom:.5rem;display:flex}.wizard-step-label{letter-spacing:.04em;text-transform:uppercase;color:var(--locked);font-size:.68rem;font-weight:600}.wizard-step-label.is-current{color:var(--accent)}.wizard-step-label.is-done{color:var(--ok)}.wizard-progress{gap:.4rem;margin-bottom:1.25rem;display:flex}.wizard-dot{background:var(--bg-active);border-radius:99px;flex:1;height:3px}.wizard-dot.is-on{background:var(--accent)}.wizard-actions{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;display:flex}.setup-callout{color:var(--ink-soft);background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #3b82f633;margin:0 0 1rem;padding:.7rem .85rem;font-size:.82rem}.field-hint{color:var(--ink-faint);margin:.3rem 0 0;font-size:.75rem}.req{text-transform:uppercase;color:#f87171;margin-left:.3rem;font-size:.62rem;font-weight:700}.opt{text-transform:uppercase;color:var(--ink-faint);margin-left:.3rem;font-size:.62rem;font-weight:700}.check-row{cursor:pointer;align-items:flex-start;gap:.6rem;margin-top:1rem;font-size:.9rem;display:flex}.confirm-list{flex-direction:column;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.confirm-list li{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xs);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.65rem .8rem;font-size:.88rem;display:flex}.confirm-list span{color:var(--ink-soft)}.verify-msg{border-radius:var(--radius-xs);background:var(--accent-soft);color:#93c5fd;margin:.75rem 0 0;padding:.6rem .8rem;font-size:.85rem}.verify-msg.is-ok{background:var(--ok-bg);color:var(--ok)}.verify-msg.is-bad{background:var(--danger-bg);color:#f87171}.mode-toggle{flex-wrap:wrap;gap:.5rem;display:flex}.lp{grid-template-columns:var(--nav-w) minmax(0, 1fr) var(--explain-w);background:var(--bg);height:100dvh;display:grid;overflow:hidden}.lp-nav{border-right:1px solid var(--line);background:var(--bg-elevated);flex-direction:column;min-height:0;display:flex}.lp-nav-head{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.65rem;padding:.9rem .85rem;display:flex}.lp-nav-head .brand{font-size:1rem}.lp-nav .lp-steps{border-bottom:none;flex:1;max-height:none;overflow:auto}.lp-nav .lp-side-foot{margin-top:auto}.lp-api-banner{color:#fecaca;background:var(--danger-bg);border-bottom:1px solid #ef444440;margin:0;padding:.65rem .85rem;font-size:.75rem;line-height:1.4}.lp-api-banner code{color:#fff;font-size:.7rem}.explain-pane{background:var(--bg);height:100%;overflow:auto}.explain-pane-inner{max-width:920px;margin:0 auto;padding:2rem 2.25rem 3rem}.explain-pane-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.explain-pane-title{font-family:var(--font-display);letter-spacing:-.04em;margin:.35rem 0 .65rem;font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:700}.explain-pane-summary{color:var(--ink-soft);max-width:52ch;margin:0 0 1.75rem;font-size:1.1rem;line-height:1.55}.explain-pane-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.explain-pane-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;padding:1.15rem 1.25rem}.explain-pane-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .65rem;font-size:1rem}.explain-pane-card ul{color:var(--ink-soft);margin:0;padding-left:1.15rem;font-size:.92rem;line-height:1.5}.explain-pane-card li+li{margin-top:.45rem}.explain-pane-artifact pre,.explain-pane-live pre{border:1px solid var(--line);font-family:var(--font-mono);color:#e4e4e7;white-space:pre-wrap;word-break:break-word;background:#0a0a0b;border-radius:10px;max-height:420px;margin:0;padding:1rem 1.1rem;font-size:.82rem;line-height:1.55;overflow:auto}.explain-pane-live.is-ok{border-color:#22c55e59}.explain-pane-live.is-bad{border-color:#ef444459}.explain-pane-error{color:#f87171;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.explain-pane-hint{margin:1.25rem 0 0;font-size:.9rem}@media (width<=900px){.explain-pane-grid{grid-template-columns:1fr}.explain-pane-inner{padding:1.25rem 1.1rem 2rem}}.history-pane{background:var(--bg);height:100%;overflow:auto}.history-pane-inner{max-width:920px;margin:0 auto;padding:2rem 2.25rem 3rem}.history-list{flex-direction:column;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.history-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;display:flex}.history-card.is-active{background:var(--accent-soft);border-color:#3b82f673}.history-card-main{flex-direction:column;gap:.35rem;min-width:0;display:flex}.history-card-main strong{letter-spacing:-.02em;font-size:1.05rem}.history-card-idea{font-size:.9rem;line-height:1.4}.history-card-meta{font-size:.75rem;font-family:var(--font-mono)}.history-card-link{word-break:break-all;font-size:.78rem}.history-card .btn{flex-shrink:0}.lp-explain{border-left:1px solid var(--line);background:var(--bg-elevated);flex-direction:column;min-height:0;display:flex}.lp-explain-head{flex-shrink:0;padding:.85rem 1rem .35rem}.lp-explain .lp-work{flex:1;min-height:0}.lp-side{background:var(--bg-elevated);flex-direction:column;min-height:0;display:flex}.lp-side-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.lp-side-head .brand{font-size:1.05rem}.lp-side-sub{color:var(--ink-faint);margin:.2rem 0 0;font-size:.72rem}.lp-side-meta{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.lp-steps{border-bottom:1px solid var(--line);flex-shrink:0;max-height:42vh;padding:.65rem .55rem;overflow:auto}.lp-steps-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .45rem;padding:0 .45rem;font-size:.65rem;font-weight:700}.lp-steps ol{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.lp-step-btn{text-align:left;width:100%;color:var(--ink-soft);background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.5rem .55rem;transition:background .15s,color .15s;display:flex}.lp-step-btn:hover{background:var(--bg-hover);color:var(--ink)}.lp-step-btn.is-selected{background:var(--accent-soft);color:var(--ink)}.lp-step-btn.locked{opacity:.4}.lp-step-btn strong{letter-spacing:-.015em;font-size:.82rem;font-weight:600;display:block}.lp-step-btn .muted{color:var(--ink-faint);font-size:.68rem}.lp-step-text{flex-direction:column;gap:.05rem;min-width:0;display:flex}.check-num{color:var(--ink-faint);font-size:.6rem;font-weight:700}.lp-step-btn.is-selected .check-num,.lp-step-btn.active .check-num{color:var(--accent)}.lp-work{flex:1;min-height:0;padding:.85rem .9rem 1rem;overflow:auto}.lp-side-foot{border-top:1px solid var(--line);flex-shrink:0;gap:.4rem;padding:.75rem .9rem;display:flex}.lp-side-foot .btn{flex:1;padding:.5rem .6rem;font-size:.75rem}.lp-main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.lp-main-bar{border-bottom:1px solid var(--line);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .85rem;display:flex}.lp-main-brand{flex-shrink:0;min-width:0}.lp-main-brand .brand{font-size:1rem}.lp-tabs{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:.2rem;padding:.2rem;display:inline-flex}.lp-tab{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.lp-tab:hover{color:var(--ink)}.lp-tab.is-active{background:var(--bg-active);color:var(--ink)}.lp-main-actions{align-items:center;gap:.45rem;display:flex}.lp-main-body{flex-direction:column;flex:1;min-height:0;display:flex}.step-panel,.step-panel-side{box-shadow:none;background:0 0;border:none;border-radius:0;min-height:0;padding:0}.step-panel-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:.15rem 0 .4rem;font-size:1.2rem}.step-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.65rem;font-weight:700}.step-summary{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.45}.step-context{color:var(--ink-faint);margin:.55rem 0 0;font-size:.75rem}.step-locked{background:var(--bg-hover);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);margin-top:1rem;padding:.75rem .85rem;font-size:.85rem}.step-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.step-actions .btn{width:100%}.step-done-banner{background:var(--ok-bg);color:var(--ok);border-radius:var(--radius-sm);border:1px solid #22c55e33;margin-top:1rem;padding:.7rem .85rem;font-size:.85rem;font-weight:600}.step-error{background:var(--danger-bg);color:#f87171;border-radius:var(--radius-sm);border:1px solid #ef444433;margin-top:.65rem;padding:.65rem .8rem;font-size:.82rem}.step-artifact{margin-top:.85rem}.download-box{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #3b82f633;margin-top:1rem;padding:.95rem 1rem}.download-box h3{font-family:var(--font-display);margin:0 0 .3rem;font-size:.95rem}.download-actions{flex-wrap:wrap;gap:.45rem;margin-top:.6rem;display:flex}.download-actions a.btn{text-decoration:none}.what-happened{grid-template-columns:1fr;gap:.65rem;margin-top:1rem;display:grid}.what-happened section{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.85rem .9rem}.what-happened h3{font-family:var(--font-display);margin:0 0 .4rem;font-size:.88rem}.what-happened ul{color:var(--ink-soft);margin:0;padding-left:1rem;font-size:.8rem}.what-happened li+li{margin-top:.3rem}.cicd{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;padding:.9rem}.cicd-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.cicd-head h3{font-family:var(--font-display);margin:0;font-size:.95rem}.cicd-controls{flex-wrap:wrap;gap:.35rem;display:flex}.cicd-controls .btn{padding:.4rem .75rem;font-size:.75rem}.cicd-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.cicd-item{border-radius:var(--radius-xs);border:1px solid #0000;align-items:flex-start;gap:.65rem;padding:.55rem .6rem;display:flex}.cicd-item.is-active{background:var(--accent-soft);border-color:#3b82f633}.cicd-item.is-done{background:var(--ok-bg)}.cicd-item strong{font-size:.85rem}.cicd-item p{color:var(--ink-faint);margin:.1rem 0 0;font-size:.75rem}.cicd-complete{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-xs);margin:.65rem 0 0;padding:.55rem .75rem;font-size:.85rem;font-weight:600}.prompt-screen{border:1px solid var(--line);border-radius:var(--radius);background:#0a0a0b;flex-direction:column;flex:1;min-height:0;margin:.85rem;display:flex;overflow:hidden}.prompt-bar{border-bottom:1px solid var(--line);background:#ffffff08;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.prompt-bar strong{font-family:var(--font-display);letter-spacing:-.02em;display:block}.prompt-bar .muted{margin:.1rem 0 0;font-size:.78rem}.prompt-thread{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow:auto}.prompt-empty{text-align:center;max-width:28rem;color:var(--ink-soft);margin:auto}.prompt-msg{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-panel);white-space:pre-wrap;max-width:min(42rem,100%);padding:.75rem .9rem;line-height:1.5}.prompt-msg p{margin:0}.prompt-msg.user{background:var(--accent-soft);border-color:#0000;align-self:flex-end}.prompt-msg.agent{align-self:flex-start}.prompt-msg.is-pending{opacity:.8}.prompt-msg.is-error{background:var(--danger-bg);border-color:#ef444473}.prompt-role{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;font-family:var(--font-mono);margin-bottom:.3rem!important}.prompt-error{color:var(--danger);margin:0;padding:.45rem .9rem;font-size:.82rem}.prompt-compose{border-top:1px solid var(--line);background:#00000059;align-items:flex-end;gap:.6rem;padding:.75rem;display:flex}.prompt-compose textarea{resize:none;border-radius:var(--radius-xs);border:1px solid var(--line-strong);min-height:4.4rem;color:var(--ink);font:inherit;background:#111113;flex:1;padding:.65rem .75rem}.prompt-compose textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.idea-term{border-radius:var(--radius);border:1px solid var(--line);color:#d4d4d8;background:#0a0a0b;overflow:hidden}.idea-term-bar{border-bottom:1px solid var(--line);background:#ffffff08;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.idea-term-dots{gap:.3rem;display:inline-flex}.idea-term-dots i{background:#ff5f57;border-radius:50%;width:.45rem;height:.45rem;display:block}.idea-term-dots i:nth-child(2){background:#febc2e}.idea-term-dots i:nth-child(3){background:#28c840}.idea-term-title{color:var(--ink-faint);font-size:.7rem;font-family:var(--font-mono)}.idea-term-body{min-height:100px;max-height:160px;font-family:var(--font-mono);white-space:pre-wrap;padding:.7rem .85rem;font-size:.72rem;line-height:1.5;overflow:auto}.idea-term-input-row{border-top:1px solid var(--line);background:#00000059;align-items:center;gap:.45rem;padding:.6rem .75rem;display:flex}.idea-term-prompt{color:#60a5fa;font-family:var(--font-mono);font-weight:600}.idea-term-input-row input{color:#f4f4f5;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.8rem}.idea-term-input-row .btn{flex-shrink:0;padding:.4rem .8rem;font-size:.75rem}.code-pane{background:var(--bg);border:none;border-radius:0;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.code-pane-head{border-bottom:1px solid var(--line);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.code-pane-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.62rem;font-weight:700}.code-pane-title{font-family:var(--font-mono);color:var(--ink-soft);margin:.15rem 0 0;font-size:.78rem;font-weight:500}.code-pane-refresh{padding:.35rem .7rem;font-size:.72rem}.code-pane-body{flex:1;grid-template-columns:200px minmax(0,1fr);min-height:0;display:grid}.code-tree{border-right:1px solid var(--line);background:var(--bg-elevated);padding:.45rem .35rem;overflow:auto}.code-tree ul{margin:0;padding:0;list-style:none}.code-tree-empty{margin:.5rem .4rem;font-size:.75rem;line-height:1.4}.code-tree-item{text-align:left;width:100%;color:var(--ink-soft);font-family:var(--font-mono);word-break:break-all;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:.68rem;line-height:1.3;display:flex}.code-tree-item:hover{background:var(--bg-hover);color:var(--ink)}.code-tree-item.is-active{background:var(--accent-soft);color:#93c5fd;font-weight:600}.code-tree-icon{opacity:.45;flex-shrink:0;font-size:.5rem}.code-editor{background:#0a0a0b;flex-direction:column;min-width:0;min-height:0;display:flex}.code-editor-bar{border-bottom:1px solid var(--line);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .85rem;display:flex}.code-editor-path{font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.code-editor-meta{flex-shrink:0;font-size:.68rem;color:var(--ink-faint)!important}.code-editor-content{font-family:var(--font-mono);white-space:pre;tab-size:2;color:#e4e4e7;flex:1;margin:0;padding:1rem 1.1rem;font-size:.78rem;line-height:1.55;overflow:auto}.code-editor-error{color:#f87171}.preview-pane{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}.preview-pane-bar{background:var(--bg-elevated);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:.65rem;padding:.5rem .85rem;display:flex}.preview-pane iframe{background:#fff;border:none;flex:1;width:100%}.preview-empty{background:var(--bg);color:var(--ink-soft);text-align:center;flex:1;place-items:center;padding:2rem;font-size:.9rem;display:grid}.output-pane{background:#0a0a0b;flex-direction:column;height:100%;min-height:0;display:flex}.output-pane-log{font-family:var(--font-mono);color:#d4d4d8;white-space:pre-wrap;flex:1;margin:0;padding:1rem 1.1rem;font-size:.75rem;line-height:1.5;overflow:auto}.live-dock{display:none}.celebrate{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000a6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.celebrate-panel{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:16px;width:100%;max-width:440px;padding:1.75rem 1.6rem}.celebrate-panel .brand{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.celebrate-panel h2{font-family:var(--font-display);letter-spacing:-.03em;margin:.35rem 0 .5rem;font-size:1.75rem}@media (width<=1100px){.lp{grid-template-columns:200px minmax(0,1fr) minmax(280px,320px)}}@media (width<=900px){.lp{grid-template-rows:auto minmax(0,1fr) minmax(0,40vh);grid-template-columns:1fr;overflow:auto}.lp-nav{border-right:none;border-bottom:1px solid var(--line)}.lp-nav .lp-steps{max-height:28vh}.lp-explain{border-left:none;border-top:1px solid var(--line)}.code-pane-body{grid-template-columns:140px minmax(0,1fr)}}