:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--vibld-brand:262;--vibld-brand-sat:88%;--vibld-brand-lum:66%;--brand:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum));--brand-4:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .04);--brand-8:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .08);--brand-16:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .16);--brand-24:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .24);--brand-40:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .4);--brand-64:hsl(var(--vibld-brand) var(--vibld-brand-sat) var(--vibld-brand-lum) / .64);--signal:#2cdd9c;--signal-dim:#2cdd9c24;--warn:#f7b645;--warn-dim:#f7b64524;--danger:#f26d69;--danger-dim:#f26d6924;--surface-0:#0f0e16;--surface-1:#16141f;--surface-2:#1d1b27;--surface-3:#272432;--edge:#ffffff14;--edge-strong:#ffffff24;--surface-veil:#0f0e16b8;--text:#f3f2f8;--text-muted:#a6a2b9;--text-faint:#7b7693;--font-sans:"Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.875rem;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #04030766;--shadow:0 8px 24px -8px #04030799;--shadow-lg:0 24px 60px -20px #040307b3;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.12s;--moderate:.22s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--surface-0:#f9f8fc;--surface-1:#fff;--surface-2:#f3f2f8;--surface-3:#eae9f2;--edge:#1815281a;--edge-strong:#1815282e;--surface-veil:#f9f8fcc7;--text:#181528;--text-muted:#59556d;--text-faint:#7c7891;--vibld-brand-lum:52%;--signal:#1f845f;--danger:#ce2d27}}@media (prefers-reduced-motion:reduce){:root{--fast:0s;--moderate:0s}}:root{--bg:var(--surface-0);--surface:var(--surface-1);--surface-alt:var(--surface-2);--fg:var(--text);--muted:var(--text-muted);--line:var(--edge);--accent:var(--brand);--accent-fg:#0f0c1d;--success:var(--signal);--success-bg:var(--signal-dim);--error:var(--danger);--error-bg:var(--danger-dim);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{flex-direction:column;min-height:100vh;display:flex}.shell__header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.shell__brand{align-items:center;gap:.65rem;display:flex}.shell__logo{border-radius:var(--radius);background:var(--accent);width:2rem;height:2rem;color:var(--accent-fg);place-items:center;font-weight:700;display:grid}.shell__name,.shell__tagline,.shell__mode{margin:0}.shell__name{letter-spacing:-.01em;font-weight:650}.shell__tagline,.shell__mode{color:var(--muted);font-size:.8125rem}.shell__auth{align-items:center;display:flex}.auth-gate{background:var(--bg);flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:3rem 1.25rem;display:flex}.auth-gate__brand{align-items:center;gap:.65rem;display:flex}.shell__body{flex:1;grid-template-columns:minmax(20rem,27rem) minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem 1.25rem;display:grid}.shell__footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.column{flex-direction:column;gap:.85rem;min-width:0;display:flex}.banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.75rem .9rem}.banner--success{border-color:var(--success);background:var(--success-bg)}.banner--error{border-color:var(--error);background:var(--error-bg)}.banner__message{margin:0;font-weight:550}.banner__detail{color:var(--muted);margin:.35rem 0 0;font-size:.8125rem}.banner--error .banner__detail{color:var(--error)}.lifecycle{flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:flex}.lifecycle__step{color:var(--muted);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.lifecycle__dot{border:2px solid var(--line);border-radius:50%;width:.6rem;height:.6rem}.lifecycle__step--done .lifecycle__dot{background:var(--accent);border-color:var(--accent)}.lifecycle__step--active .lifecycle__dot{border-color:var(--accent);animation:1.1s ease-in-out infinite pulse}.lifecycle__step--active .lifecycle__label,.lifecycle__step--done .lifecycle__label{color:var(--fg)}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.lifecycle__step--active .lifecycle__dot{animation:none}}.prompt{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.prompt__label{font-size:.875rem;font-weight:550}.prompt__input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);width:100%;color:inherit;font:inherit;resize:vertical;padding:.6rem}.prompt__examples{flex-wrap:wrap;gap:.35rem;display:flex}.prompt__row{align-items:flex-start;gap:.45rem;display:flex}.prompt__checkbox-label{color:var(--muted);font-size:.8125rem}.prompt__actions{flex-wrap:wrap;gap:.5rem;display:flex}.button,.chip{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);color:inherit;padding:.45rem .8rem}.chip{color:var(--muted);padding:.3rem .55rem;font-size:.75rem}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:550}.button:disabled,.chip:disabled,.prompt__input:disabled{opacity:.55;cursor:not-allowed}.plan{border-top:1px solid var(--line);padding-top:.6rem}.plan__title,.pane-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .35rem;font-size:.8125rem}.pane-title{align-items:center;gap:.4rem;display:flex}.plan__summary{margin:0;font-size:.875rem}.pill{text-transform:none;letter-spacing:0;border:1px solid var(--line);border-radius:999px;padding:.05rem .4rem;font-size:.6875rem}.workspace{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:var(--surface-alt);gap:.15rem;padding:.35rem .35rem 0;display:flex;overflow-x:auto}.tabs__tab{font:inherit;cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;padding:.4rem .75rem}.tabs__tab--active{background:var(--surface);border-color:var(--line);color:var(--fg);font-weight:550}.tabs__count{background:var(--line);color:var(--fg);border-radius:999px;margin-left:.35rem;padding:.05rem .35rem;font-size:.6875rem}.workspace__panel{flex:1;min-height:26rem;padding:.9rem;overflow:auto}.preview{flex-direction:column;gap:.6rem;height:100%;display:flex}.preview__notice{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);margin:0;padding:.5rem .65rem;font-size:.8125rem}.preview__frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex:1;width:100%;min-height:24rem}.preview__sandbox{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.preview__expiry{color:var(--muted);font-size:.8125rem}.preview__shares{border-top:1px dashed var(--line);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.preview__shares-header{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.preview__share-warning{color:var(--muted);font-size:.8125rem}.preview__share-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.preview__share-item{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.preview__share-url{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.75rem}.codepane{grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.codepane__files,.codepane__code{min-width:0}.filelist{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.filelist__item{width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);color:inherit;background:0 0;border:1px solid #0000;justify-content:space-between;gap:.5rem;padding:.3rem .5rem;font-size:.8125rem;display:flex}.filelist__item--selected{background:var(--surface-alt);border-color:var(--line);font-weight:550}.filelist__path{overflow-wrap:anywhere}.filelist__size{color:var(--muted);white-space:nowrap}.code{border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.code__caption{background:var(--surface-alt);border-bottom:1px solid var(--line);color:var(--muted);padding:.4rem .65rem;font-size:.8125rem}.code__body{max-height:30rem;margin:0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.55;overflow:auto}.pane-note{color:var(--muted);margin:0 0 .6rem;font-size:.8125rem}.console__list,.problems__list{flex-direction:column;gap:.2rem;margin:0;padding-left:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;display:flex}.console__entry--error,.problems__item{color:var(--error)}.empty{color:var(--muted);margin:0;font-size:.875rem}@media (width<=68rem){.shell__body,.codepane{grid-template-columns:minmax(0,1fr)}.code__body{max-height:22rem}}body{background:radial-gradient(1200px 600px at 15% -10%, var(--brand-8), transparent 60%), var(--surface-0);background-attachment:fixed}.shell__header{z-index:20;background:var(--surface-veil);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--edge);padding:.85rem 1.5rem;position:sticky;top:0}.shell__logo{border-radius:var(--radius);background:linear-gradient(140deg, hsl(var(--vibld-brand) 92% 72%), #3b93f7);color:#0f0c1d;width:2.15rem;height:2.15rem;box-shadow:0 0 0 1px var(--brand-24), 0 6px 18px -6px var(--brand-40);font-size:1.1rem;font-weight:800}.shell__name{letter-spacing:-.02em;font-weight:680;font-size:var(--text-lg)}.shell__tagline{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.shell__body{gap:1.25rem;padding:1.25rem 1.5rem 1.75rem}@media (width>=68.01rem){.shell__body{grid-template-columns:minmax(22rem,30rem) minmax(0,1fr)}}.prompt,.plan,.banner,.codepane,.preview,.console__list,.problems__list{border-radius:var(--radius-lg);border:1px solid var(--edge);background:var(--surface-1);box-shadow:var(--shadow-sm)}.prompt__input{border-radius:var(--radius);border:1px solid var(--edge-strong);background:var(--surface-0);font-family:inherit;font-size:var(--text-base);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease)}.prompt__input:focus-visible{border-color:var(--brand-64);box-shadow:0 0 0 3px var(--brand-16);outline:none}.button{border-radius:var(--radius);border:1px solid var(--edge-strong);background:var(--surface-2);color:var(--text);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);font-weight:560}.button:hover:not(:disabled){background:var(--surface-3);border-color:var(--brand-40)}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{background:linear-gradient(140deg, hsl(var(--vibld-brand) 92% 68%), #2888f6);color:#0f0c1d;box-shadow:0 6px 18px -8px var(--brand-64);border-color:#0000;font-weight:640}.button--primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(140deg, hsl(var(--vibld-brand) 92% 68%), #2888f6)}.chip{border:1px solid var(--edge);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:999px}.chip:hover:not(:disabled){border-color:var(--brand-40);color:var(--text)}.lifecycle__step--active .lifecycle__dot{background:var(--brand);box-shadow:0 0 0 4px var(--brand-16);animation:vibld-pulse 1.6s var(--ease) infinite}.lifecycle__step--done .lifecycle__dot{background:var(--signal)}@keyframes vibld-pulse{50%{box-shadow:0 0 0 7px var(--brand-8)}}.pane-title{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.codepane__code,.code__body{font-family:var(--font-mono);font-size:var(--text-sm)}.preview__frame{border-radius:var(--radius);border:1px solid var(--edge);background:#fff}.shell__footer{border-top:1px solid var(--edge);background:var(--surface-veil);font-size:var(--text-xs);color:var(--text-faint)}@media (prefers-reduced-motion:reduce){.lifecycle__step--active .lifecycle__dot{animation:none}}.progress{flex-direction:column;gap:.4rem;display:flex}.progress__track{background:var(--brand-8);border-radius:999px;height:3px;overflow:hidden}.progress__bar{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--brand), transparent);width:34%;height:100%;animation:vibld-progress-sweep 1.8s var(--ease) infinite;display:block}@keyframes vibld-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress__line{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0}.progress__note{font-size:var(--text-xs);color:var(--text-faint);margin:0}@media (prefers-reduced-motion:reduce){.progress__bar{background:var(--brand-40);width:100%;animation:none}}@media (width>=68.01rem){.shell{height:100vh;min-height:0;overflow:hidden}.shell__body,.column--left{min-height:0}.conversation{flex:1;min-height:0;padding-bottom:.25rem;overflow-y:auto}}.conversation{flex-direction:column;gap:.85rem;display:flex}.composer{flex-direction:column;gap:.6rem;display:flex}.transcript{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.transcript__turn{flex-direction:column;gap:.4rem;display:flex}.bubble{border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface-1);padding:.6rem .75rem}.bubble--you{border-color:var(--brand-24);background:var(--brand-8);align-self:flex-end;max-width:88%}.bubble--accepted{border-left:2px solid var(--signal)}.bubble--failed{border-left:2px solid var(--danger)}.bubble--cancelled{border-left:2px solid var(--edge-strong)}.bubble__who{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-faint);margin:0 0 .2rem;font-weight:600}.bubble__provider{font-weight:400;font-family:var(--font-mono)}.bubble__text{font-size:var(--text-sm);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble__text--pending{color:var(--text-muted)}.bubble__detail{font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere;margin:.3rem 0 0}.styles{border:0;min-width:0;margin:0;padding:0}.styles__legend{font-size:var(--text-xs);color:var(--text-faint);padding:0;font-weight:600}.styles__row{flex-wrap:wrap;gap:.3rem;margin-top:.35rem;display:flex}.chip--style{border-radius:999px}.chip--on{border-color:var(--brand);background:var(--brand-16);color:var(--text)}.styles:disabled .chip{opacity:.55;cursor:not-allowed}.pane-title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pane-note--error{color:var(--danger)}.knowledge{border:1px solid var(--edge);border-radius:var(--radius);background:var(--surface-1);padding:.5rem .65rem}.knowledge__summary{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.5rem;font-weight:600;display:flex}.knowledge__hint{color:var(--text-faint);font-weight:400}.pill--on{background:var(--brand-16);border-color:var(--brand-24);color:var(--text)}.knowledge__label{font-size:var(--text-xs);color:var(--text-faint);margin:.55rem 0 .35rem;display:block}.knowledge__count{font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;margin:.3rem 0 0}.billing{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.billing__usage{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap;margin:0}.billing__upgrade{align-items:center;gap:.4rem;display:flex}.models{flex-direction:column;gap:.3rem;display:flex}.models__label{font-size:var(--text-xs);color:var(--text-faint);font-weight:600}.models__select{font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--radius-sm);padding:.35rem .5rem}.models__select:disabled{opacity:.55;cursor:not-allowed}.models__note{font-size:var(--text-xs);color:var(--text-faint);margin:0}