:root{--saas-bg: #3a4a63;--saas-surface: #445877;--saas-elev: #4f6689;--saas-line: #6c86ac;--saas-text: #f3f7ff;--saas-muted: #c2cde0;--saas-accent: #8cabff;--saas-accent2: #9ab5ff;--saas-radius: 14px;--saas-font: "DM Sans", system-ui, sans-serif}.saas-page{min-height:100vh;background:var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font)}.saas-container{max-width:1120px;margin:0 auto;padding:0 1.25rem 4rem}.saas-h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;letter-spacing:-.04em}.saas-lead{margin:0 0 1.5rem;font-size:1.05rem;line-height:1.6;color:var(--saas-muted);max-width:42rem}.saas-card{border-radius:var(--saas-radius);border:1px solid var(--saas-line);background:linear-gradient(165deg,var(--saas-elev) 0%,var(--saas-surface) 100%);padding:1.25rem 1.35rem}.saas-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.88rem;border:1px solid transparent;cursor:pointer;font-family:inherit;text-decoration:none;transition:opacity .15s ease,transform .1s ease}.saas-btn:disabled{opacity:.45;cursor:not-allowed}.saas-btn--primary{background:linear-gradient(165deg,#a9bfff,#7f9df2);color:#f7faff;border-color:#ffffff1f}.saas-btn--ghost{background:transparent;border-color:var(--saas-line);color:var(--saas-text)}.saas-btn--ghost:hover:not(:disabled){background:#ffffff0a}.saas-grid-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.saas-input{width:100%;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--saas-line);background:#536b8f;color:var(--saas-text);font:inherit}.saas-input:focus{outline:none;border-color:var(--saas-accent2);box-shadow:0 0 0 2px #7c9ef033}.saas-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--saas-muted);margin-bottom:.35rem}.saas-table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--saas-line)}.saas-table{width:100%;border-collapse:collapse;font-size:.85rem}.saas-table th,.saas-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--saas-line)}.saas-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--saas-muted);background:#ffffff0f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mk-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--saas-line);background:#3a4a63d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mk-header-inner{max-width:1120px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between}.mk-logo{font-weight:800;letter-spacing:-.05em;font-size:1.15rem;color:var(--saas-text);text-decoration:none}.mk-nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.mk-nav a{color:var(--saas-muted);text-decoration:none}.mk-nav a:hover{color:var(--saas-accent)}.mk-header-tools{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mk-select{background:#536b8f;border:1px solid var(--saas-line);color:var(--saas-text);border-radius:8px;padding:.35rem .5rem;font:inherit;font-size:.8rem}.mk-select-label{display:inline-flex;align-items:center}.mk-footer{border-top:1px solid var(--saas-line);padding:2rem 0;margin-top:3rem;color:var(--saas-muted);font-size:.85rem}.mk-footer-inner{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.mk-footer-domain{font-weight:600;color:var(--saas-accent2)}.mk-footer-links{display:flex;gap:1rem}.mk-footer-links a{color:var(--saas-muted);text-decoration:none}.mk-footer-links a:hover{color:var(--saas-accent)}.marketing-hero{padding-top:3rem;padding-bottom:2.5rem;position:relative}.marketing-hero:before{content:"";position:absolute;inset:-2rem -1rem auto -1rem;height:min(420px,55vh);pointer-events:none;background:radial-gradient(ellipse 70% 50% at 12% 0%,rgba(140,171,255,.14),transparent 55%),radial-gradient(ellipse 50% 45% at 88% 8%,rgba(140,171,255,.08),transparent 52%);z-index:0}.marketing-hero>*{position:relative;z-index:1}.mk-value-strip{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--saas-line)}.mk-value-strip-title{margin:0 0 .5rem;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;letter-spacing:-.03em}.mk-value-strip-lead{margin:0 0 1.5rem;color:var(--saas-muted);font-size:.95rem;line-height:1.55;max-width:40rem}.mk-value-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.mk-value-card{border-radius:var(--saas-radius);border:1px solid var(--saas-line);background:linear-gradient(165deg,rgba(43,57,80,.95) 0%,var(--saas-surface) 100%);padding:1.1rem 1.2rem;box-shadow:0 0 0 1px #8cabff14}.mk-value-card h3{margin:0 0 .4rem;font-size:.95rem;font-weight:600;color:var(--saas-accent);letter-spacing:-.02em}.mk-value-card p{margin:0;font-size:.88rem;line-height:1.5;color:var(--saas-muted)}.mk-pricing-teaser{margin-top:3rem;padding:2rem 1.35rem;border-radius:var(--saas-radius);border:1px solid var(--saas-line);background:linear-gradient(135deg,rgba(140,171,255,.12) 0%,var(--saas-elev) 45%,var(--saas-surface) 100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}.mk-pricing-teaser-copy h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.mk-pricing-teaser-copy p{margin:0;font-size:.9rem;color:var(--saas-muted);max-width:28rem;line-height:1.5}.mk-domain-hint{display:block;margin-top:1.25rem;font-size:.82rem;color:var(--saas-muted)}.mk-domain-hint code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:.85em;color:var(--saas-accent2);background:#ffffff14;padding:.12rem .4rem;border-radius:6px}.mk-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--saas-accent2);margin-bottom:.75rem}.mk-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.mk-trust{font-size:.85rem;color:var(--saas-muted);max-width:40rem;line-height:1.5;margin:0}.home-page .saas-container{padding-left:clamp(1.25rem,4vw,2rem);padding-right:clamp(1.25rem,4vw,2rem);padding-bottom:5rem}.home-page .marketing-hero{padding-top:clamp(2.5rem,6vw,3.75rem);padding-bottom:clamp(2rem,4vw,3rem)}.home-page .marketing-hero.home-hero:before{height:min(520px,62vh);background:radial-gradient(ellipse 75% 55% at 10% -5%,rgba(255,214,180,.09),transparent 58%),radial-gradient(ellipse 65% 50% at 92% 5%,rgba(140,171,255,.16),transparent 55%),radial-gradient(ellipse 45% 40% at 48% 20%,rgba(154,181,255,.1),transparent 50%)}.home-kicker{margin:0 0 .5rem;font-size:1rem;font-weight:500;letter-spacing:.01em;color:#e8eefc}.home-page .mk-eyebrow{margin-bottom:1rem}.home-hero-title{text-shadow:0 2px 28px rgba(140,171,255,.35)}.home-page .home-hero-title{margin-bottom:1rem}.home-hero-lead{font-size:1.08rem;line-height:1.7;max-width:44rem}.home-page .home-hero-lead{margin-bottom:1.75rem}.home-hero-cta .saas-btn{padding:.62rem 1.15rem;font-size:.92rem;border-radius:11px}.home-page .mk-hero-cta{margin-bottom:1.35rem}.mk-trust-pill{display:inline-flex;max-width:100%;margin-top:.35rem;padding:.75rem 1.15rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #0000001f}.home-page .mk-domain-hint{margin-top:1.75rem;line-height:1.55}.home-page .mk-value-strip{margin-top:clamp(3.5rem,8vw,4.75rem);padding-top:clamp(2.75rem,5vw,3.75rem);border-top:1px solid rgba(255,255,255,.08)}.home-page .mk-value-strip-lead{margin-bottom:2rem;max-width:44rem;font-size:1rem;line-height:1.65}.home-page .mk-value-strip-title{margin-bottom:.65rem}.home-page .mk-value-grid{gap:1.35rem}.home-page .mk-value-card{position:relative;padding:1.4rem 1.35rem 1.45rem;border-radius:calc(var(--saas-radius) + 2px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-page .mk-value-card-top{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:.55rem}.home-page .mk-value-card-icon-wrap{flex-shrink:0;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#c5d4ff38,#8cabff52);border:1px solid rgba(154,181,255,.38);box-shadow:0 4px 14px #0000001f}.home-page .mk-value-card-icon{color:#dce6ff}.home-page .mk-value-card h3{margin:0;padding-top:.35rem;font-size:1rem}.home-page .mk-value-card:hover{transform:translateY(-3px);border-color:#9ab5ff73;box-shadow:0 12px 32px #0000002e,0 0 0 1px #8cabff1f}.home-page .home-pricing-teaser{margin-top:clamp(3.5rem,7vw,4.5rem)}.home-pricing-teaser{padding:2.15rem 1.5rem;border-radius:calc(var(--saas-radius) + 4px);box-shadow:0 16px 40px #00000024}.mk-card-title{margin:0 0 .35rem;font-size:1.05rem}.mk-card-desc{margin:0;color:var(--saas-muted);line-height:1.55;font-size:.9rem}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pricing-card{display:flex;flex-direction:column;min-height:100%}.pricing-card-head{margin-bottom:.75rem}.pricing-price{margin:0;font-size:1.25rem;font-weight:700;color:var(--saas-accent)}.pricing-list{margin:0 0 1rem;padding-left:1.1rem;color:var(--saas-muted);font-size:.88rem;line-height:1.5;flex:1}.pricing-cta{margin-top:auto;text-align:center;justify-content:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.auth-layout{min-height:100vh;display:flex;flex-direction:column}.auth-layout-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--saas-line)}.auth-layout-brand{text-decoration:none}.auth-layout-tools{display:flex;gap:.5rem}.auth-layout-inner{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:min(420px,100%)}.auth-card-title{margin:0 0 .5rem;font-size:1.35rem}.auth-card-hint{margin:0 0 1rem;font-size:.85rem;color:var(--saas-muted);line-height:1.45}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-submit{margin-top:.5rem;width:100%}.auth-error{color:#f87171;font-size:.85rem;margin:0}.auth-footer{margin:1rem 0 0;font-size:.88rem;color:var(--saas-muted)}.auth-footer a{color:var(--saas-accent2)}.app-shell{display:flex;min-height:100vh}.app-shell-nav{width:240px;flex-shrink:0;border-right:1px solid var(--saas-line);background:var(--saas-surface);display:flex;flex-direction:column;padding:1rem .85rem;gap:.75rem}.app-shell-nav--admin{border-right-color:#8cabff33}.app-shell-brand{font-weight:800;letter-spacing:-.04em;padding:0 .35rem .5rem}.app-shell-links{display:flex;flex-direction:column;gap:.15rem}.app-shell-links a{display:block;padding:.45rem .5rem;border-radius:8px;color:var(--saas-muted);text-decoration:none;font-size:.9rem}.app-shell-links a:hover{background:#ffffff0a;color:var(--saas-text)}.app-shell-links a.active{background:#8cabff24;color:var(--saas-accent)}.app-shell-user{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--saas-line);font-size:.78rem}.app-shell-email{color:var(--saas-muted);word-break:break-all}.app-shell-tools{display:flex;gap:.35rem;flex-wrap:wrap}.app-shell-home{font-size:.85rem;color:var(--saas-accent2);text-decoration:none;padding:0 .35rem}.app-shell-main{flex:1;min-width:0}.dashboard-plan-row{margin:1rem 0}.kpi-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--saas-muted)}.kpi-val{font-size:1.25rem;font-weight:700;margin-top:.25rem}.billing-section-title{margin:2rem 0 .75rem;font-size:1rem}.billing-actions{margin:1rem 0}.billing-webhook-note{margin-top:2rem;font-size:.85rem;color:var(--saas-muted);max-width:40rem;line-height:1.5}.settings-form{max-width:420px;display:flex;flex-direction:column;gap:.65rem}.settings-save{margin-top:.35rem;align-self:flex-start}.settings-saved{color:var(--saas-accent);font-size:.85rem;margin:0}.admin-kpis .kpi-val{font-size:1.75rem}.admin-search{max-width:320px;margin-bottom:1rem}.admin-plan-select{min-width:110px;font-size:.8rem;padding:.35rem}.admin-links{margin-top:2rem;font-size:.9rem}.admin-links a{color:var(--saas-accent2)}.checkout-demo-card code{font-size:.78rem}.checkout-events{margin:.5rem 0 0;padding-left:1.1rem;color:var(--saas-muted);font-size:.85rem}@media (max-width: 768px){.app-shell{flex-direction:column}.app-shell-nav{width:100%;border-right:none;border-bottom:1px solid var(--saas-line);flex-direction:row;flex-wrap:wrap;align-items:center}.app-shell-user{margin-top:0;border-top:none;width:100%}}.auth-profile-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10050;max-width:min(420px,calc(100vw - 2rem));padding:.65rem 1.1rem;border-radius:var(--saas-radius);font-size:.95rem;font-family:var(--saas-font);box-shadow:0 8px 28px #00000059;border:1px solid var(--saas-line)}.auth-profile-toast--success{background:var(--saas-elev);color:var(--saas-text)}.auth-profile-toast--error{background:#4a2a2f;color:#ffe8ea;border-color:#8a4a55}.af-route-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box}.af-route-loading--embedded{min-height:0;flex:1;align-self:stretch;width:100%;padding:0}.af-route-loading__panel{width:min(320px,100%);border-radius:var(--saas-radius);border:1px solid var(--saas-line);background:linear-gradient(165deg,var(--saas-elev) 0%,var(--saas-surface) 100%);padding:1.35rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.af-route-loading__bar{height:.65rem;border-radius:999px;background:var(--saas-line);opacity:.45;animation:af-route-loading-pulse 1.15s ease-in-out infinite}.af-route-loading__bar--wide{width:72%}.af-route-loading__bar--short{width:48%}.af-route-loading__bar:nth-child(2){animation-delay:.12s}.af-route-loading__bar:nth-child(3){animation-delay:.24s}@keyframes af-route-loading-pulse{0%,to{opacity:.32}50%{opacity:.62}}.af-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .95rem;border-radius:var(--af-radius-sm);border:1px solid transparent;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.af-btn:disabled{opacity:.45;cursor:not-allowed}.af-btn:not(:disabled):active{transform:translateY(1px)}.af-btn--primary{background:linear-gradient(165deg,#e4bc6a 0%,var(--af-accent-dim) 100%);color:#0b0c0f;border-color:#ffffff1f;box-shadow:0 1px #ffffff1f inset}.af-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.af-btn--ghost{background:transparent;color:var(--af-text);border-color:var(--af-border)}.af-btn--ghost:hover:not(:disabled){background:var(--af-surface-2);border-color:var(--af-border-strong)}.af-btn--subtle{background:var(--af-surface-2);color:var(--af-text);border-color:var(--af-border)}.af-btn--subtle:hover:not(:disabled){background:#222733}.af-btn--danger{background:#e07a7a1f;color:var(--af-danger);border-color:#e07a7a59}.af-btn--danger:hover:not(:disabled){background:#e07a7a33}.af-field-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--af-muted);margin-bottom:.35rem}.af-field-input,.af-field-textarea{width:100%;padding:.55rem .65rem;border-radius:var(--af-radius-sm);border:1px solid var(--af-border);background:var(--af-surface-0);color:var(--af-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.af-field-input:focus,.af-field-textarea:focus{border-color:var(--af-info-dim);box-shadow:0 0 0 3px #7c9ef026}.af-field-textarea{resize:vertical;min-height:4.5rem}.af-dash{position:relative;max-width:1180px;margin:0 auto;padding:0 1.25rem 4.5rem;isolation:isolate}.af-dash:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:min(140%,900px);height:420px;background:radial-gradient(ellipse 55% 60% at 50% 0%,rgba(124,158,240,.16),transparent 72%),radial-gradient(ellipse 40% 45% at 85% 15%,rgba(212,168,83,.1),transparent 65%),radial-gradient(ellipse 35% 40% at 12% 25%,rgba(124,158,240,.06),transparent 60%);pointer-events:none;z-index:0}.af-dash>*{position:relative;z-index:1}.af-dash-hero-wrap{padding-top:2.75rem;padding-bottom:2.5rem}.af-dash-hero{position:relative;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(155deg,#161a23eb,#0c0e12e0);box-shadow:0 0 0 1px #00000059 inset,0 24px 80px #00000073,0 0 120px #7c9ef00f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(1.75rem,4vw,2.35rem) clamp(1.5rem,4vw,2.5rem);overflow:hidden}.af-dash-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(212,168,83,.35) 0%,rgba(124,158,240,.2) 40%,transparent 65%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.af-dash-hero-inner{position:relative;display:grid;gap:1.75rem}@media (min-width: 880px){.af-dash-hero-inner{grid-template-columns:1fr auto;align-items:start;gap:2rem}}.af-dash-eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .65rem .32rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--af-info);background:#7c9ef01a;border:1px solid rgba(124,158,240,.22);width:fit-content}.af-dash-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(145deg,#8fb4ff,var(--af-info));box-shadow:0 0 12px #7c9ef0b3}.af-dash-title{margin:.65rem 0 0;font-size:clamp(1.85rem,4.2vw,2.45rem);font-weight:700;letter-spacing:-.045em;line-height:1.12;color:var(--af-text)}.af-dash-title-accent{background:linear-gradient(120deg,#f3e6c8 0%,var(--af-accent) 42%,#c99a3c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.af-dash-title-tld{font-weight:700;letter-spacing:-.04em;color:var(--af-muted)}.af-dash-lead{margin:.85rem 0 0;max-width:34rem;font-size:1.02rem;line-height:1.55;color:var(--af-muted)}.af-dash-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.35rem}.af-dash-cta-note{font-size:.8rem;color:var(--af-dim);max-width:14rem;line-height:1.4}.af-dash-hero-aside{display:flex;flex-direction:column;gap:.65rem;min-width:0}@media (min-width: 880px){.af-dash-hero-aside{align-items:stretch;justify-self:end;width:min(100%,280px)}}.af-dash-stat{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--af-border);background:#08090c8c}.af-dash-stat-val{font-size:1.35rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--af-text)}.af-dash-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--af-dim)}.af-dash-stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d4a8531a;border:1px solid rgba(212,168,83,.22);color:var(--af-accent);flex-shrink:0}.af-dash-features{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}@media (min-width: 560px){.af-dash-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}}.af-dash-feature{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#00000038;transition:border-color .2s ease,background .2s ease,transform .15s ease}.af-dash-feature:hover{border-color:#7c9ef040;background:#7c9ef00f;transform:translateY(-1px)}.af-dash-feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;flex-shrink:0;background:#7c9ef01f;color:var(--af-info);border:1px solid rgba(124,158,240,.2)}.af-dash-features li:nth-child(2) .af-dash-feature-icon{background:#d4a8531f;color:var(--af-accent);border-color:#d4a85338}.af-dash-features li:nth-child(3) .af-dash-feature-icon{background:#7c9ef01a;color:#9eb6f2;border-color:#7c9ef02e}.af-dash-features li:nth-child(4) .af-dash-feature-icon{background:#ffffff0a;color:var(--af-muted);border-color:#ffffff14}.af-dash-feature h3{margin:0;font-size:.8rem;font-weight:600;letter-spacing:-.02em;color:var(--af-text)}.af-dash-feature p{margin:.2rem 0 0;font-size:.72rem;line-height:1.35;color:var(--af-dim)}.af-dash-section{margin-top:2.75rem}.af-dash-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1.25rem}.af-dash-section-title{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--af-muted)}.af-dash-section-meta{font-size:.85rem;color:var(--af-dim)}.af-dash-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .45rem;margin-left:.35rem;border-radius:6px;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--af-text);background:var(--af-surface-2);border:1px solid var(--af-border);vertical-align:middle}.af-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.af-card{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;border:none;padding:0;border-radius:16px;background:transparent;transition:transform .2s ease}.af-card:focus-visible{outline:2px solid var(--af-info);outline-offset:3px}.af-card-inner{position:relative;height:100%;border-radius:16px;border:1px solid var(--af-border);background:linear-gradient(165deg,#161921f2,#0b0c10fa);padding:1.2rem 1.15rem 1.05rem;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease}.af-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,168,83,.5),transparent);opacity:0;transition:opacity .22s ease}.af-card:hover .af-card-inner{border-color:#7c9ef059;box-shadow:0 0 0 1px #7c9ef014,0 20px 50px #00000059}.af-card:hover .af-card-inner:before{opacity:1}.af-card:hover{transform:translateY(-3px)}.af-card:hover .af-card-arrow{opacity:1;transform:translate(2px,-2px)}.af-card-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--af-info);margin-bottom:.55rem}.af-card-title{margin:0 0 .4rem;padding-right:1.75rem;font-size:1.08rem;font-weight:600;letter-spacing:-.025em;line-height:1.25;color:var(--af-text)}.af-card-desc{margin:0;font-size:.875rem;line-height:1.5;color:var(--af-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.625rem}.af-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.05)}.af-card-meta{font-size:.78rem;color:var(--af-dim);display:flex;align-items:center;gap:.35rem}.af-card-arrow{position:absolute;top:1.15rem;right:1.1rem;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--af-border);background:#00000059;color:var(--af-muted);opacity:.45;transition:opacity .2s ease,transform .2s ease,border-color .2s ease,color .2s ease}.af-card:hover .af-card-arrow{border-color:#7c9ef059;color:var(--af-info)}.af-dash-empty{border-radius:16px;border:1px dashed rgba(124,158,240,.22);background:#08090c66;padding:2.5rem 1.5rem;text-align:center}.af-dash-empty-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:1rem;border-radius:16px;background:linear-gradient(145deg,#7c9ef026,#d4a85314);border:1px solid rgba(255,255,255,.08);color:var(--af-info)}.af-dash-empty h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.af-dash-empty p{margin:0 auto 1.25rem;max-width:22rem;font-size:.92rem;line-height:1.5;color:var(--af-muted)}.af-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040507c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem;z-index:50;animation:af-modal-in .22s ease}@keyframes af-modal-in{0%{opacity:0}to{opacity:1}}.af-modal{position:relative;width:min(460px,100%);border-radius:18px;border:1px solid var(--af-border);background:linear-gradient(175deg,#161922,#0c0e12);box-shadow:0 0 0 1px #ffffff0a inset,0 28px 90px #0000008c;padding:0;overflow:hidden;animation:af-modal-pop .28s cubic-bezier(.22,1,.36,1)}@keyframes af-modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.af-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--af-accent-dim),var(--af-info),var(--af-accent-dim));opacity:.85}.af-modal-inner{padding:1.5rem 1.5rem 1.35rem}.af-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.85rem;border-radius:12px;background:#d4a8531f;border:1px solid rgba(212,168,83,.25);color:var(--af-accent)}.af-modal h2{margin:0 0 .4rem;font-size:1.28rem;font-weight:700;letter-spacing:-.03em}.af-modal p{margin:0 0 1.15rem;color:var(--af-muted);font-size:.92rem;line-height:1.55}.af-modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.06)}.pt-topbar{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr) minmax(0,1.2fr);align-items:center;gap:.65rem;min-height:52px;padding:.4rem .65rem .4rem .45rem;border-bottom:1px solid var(--ide-line);background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:0 1px #6f8fdf24;z-index:30}.pt-topbar__start{display:flex;align-items:center;gap:.45rem;min-width:0}.pt-topbar__icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid transparent;color:var(--ide-muted);background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.pt-topbar__icon-btn:hover{color:var(--ide-text);border-color:var(--ide-line2);background:#6f8fdf1a}.pt-topbar__brand{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:8px;border:1px solid var(--ide-line);background:#6f8fdf14;flex-shrink:0}.pt-topbar__brand-mark{font-size:.74rem;font-weight:800;letter-spacing:-.04em;color:var(--ide-accent)}.pt-topbar__sep{width:1px;height:22px;background:var(--ide-line);flex-shrink:0}.pt-topbar__project{display:flex;flex-direction:column;min-width:0;max-width:200px}.pt-topbar__project-name{font-size:.86rem;font-weight:650;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-topbar__project-meta{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ide-dim)}.pt-topbar__bc{display:none;align-items:center;flex-wrap:wrap;gap:.12rem;margin-left:.2rem;font-size:.72rem;color:var(--ide-muted);min-width:0}@media (min-width: 960px){.pt-topbar__bc{display:flex}}.pt-topbar__bc-sep{opacity:.4}.pt-topbar__bc-current{color:var(--ide-text);font-weight:600}.pt-topbar__center{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;flex-wrap:wrap}.pt-topbar__modes{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--ide-line);background:#6f8fdf14;gap:2px}.pt-topbar__mode{padding:.32rem .75rem;border:none;border-radius:999px;background:transparent;color:var(--ide-muted);font-size:.68rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease}.pt-topbar__mode:hover{color:var(--ide-text)}.pt-topbar__mode--on{color:#0a0c10;background:linear-gradient(165deg,var(--ide-accent) 0%,var(--ide-accent-dim) 100%);box-shadow:0 0 0 1px #ffffff14}.pt-topbar__palette{display:none;align-items:center;gap:.35rem;max-width:200px;padding:.28rem .55rem;border-radius:10px;border:1px solid var(--ide-line);background:#6f8fdf14;opacity:.85}@media (min-width: 1100px){.pt-topbar__palette{display:flex}}.pt-topbar__palette-icon{color:var(--ide-dim);flex-shrink:0}.pt-topbar__palette-input{width:100%;border:none;background:transparent;color:#334155;font-size:.74rem;outline:none;cursor:not-allowed}.pt-topbar__end{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap;min-width:0}.pt-topbar__pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:10px;border:1px solid var(--ide-line);background:#6f8fdf14;color:var(--ide-muted);font-size:.72rem;font-weight:600;cursor:pointer;font:inherit}.pt-topbar__pill:hover{color:var(--ide-text);border-color:var(--ide-line2)}.pt-topbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.38rem .65rem;border-radius:10px;border:1px solid var(--ide-line);background:#6f8fdf14;color:var(--ide-text);font-size:.72rem;font-weight:600;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease}.pt-topbar__btn:hover:not(:disabled){background:#6f8fdf26;border-color:var(--ide-line2)}.pt-topbar__btn:disabled{opacity:.4;cursor:not-allowed}.pt-topbar__btn--run{border-color:#8b7cf773;background:linear-gradient(165deg,#8b7cf740,#5a50c826);color:#312e81;font-weight:700}.pt-topbar__btn--ghost{padding:.38rem .5rem}.pt-topbar__btn--accent{border-color:#22c55e8c;background:linear-gradient(165deg,#22c55e4d,#16a34a38);color:#14532d;font-weight:700;box-shadow:0 0 0 1px #22c55e38}.pt-topbar__btn--accent:hover:not(:disabled){background:linear-gradient(165deg,#22c55e6b,#16a34a4d);border-color:#22c55ebf}.pt-topbar__btn--accent:disabled{opacity:.75}.pt-topbar__btn-text{display:none}@media (min-width: 640px){.pt-topbar__btn-text{display:inline}}.pt-topbar__upgrade{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .55rem;border-radius:999px;border:1px solid rgba(180,83,9,.42);background:#fbbf2438;color:#92400e;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.pt-topbar__upgrade:hover{background:#fbbf2457;border-color:#b4530994;text-decoration:none}.pt-topbar__locale{display:flex;align-items:center;gap:.25rem}.pt-topbar__locale .mk-select{font-size:.68rem;padding:.25rem .35rem}.pt-topbar__user-wrap{position:relative}.pt-topbar__user{display:inline-flex;align-items:center;gap:.4rem;max-width:160px;padding:.3rem .45rem;border-radius:10px;border:1px solid var(--ide-line);background:#6f8fdf14;color:var(--ide-text);font-size:.72rem;cursor:pointer;font:inherit}.pt-topbar__user:hover{border-color:var(--ide-line2)}.pt-topbar__user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#8b7cf733;color:var(--ide-accent);flex-shrink:0}.pt-topbar__user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-topbar__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;padding:.35rem;border-radius:12px;border:1px solid var(--ide-line);background:var(--ide-elev);box-shadow:0 14px 36px #5979cc2e;z-index:80}.pt-topbar__dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .55rem;border:none;border-radius:8px;background:transparent;color:var(--ide-text);font-size:.82rem;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.pt-topbar__dropdown-item:hover{background:#6f8fdf1f}.pt-topbar__dropdown-item--danger{color:#f87171}@media (max-width: 1200px){.pt-topbar{grid-template-columns:1fr;align-items:stretch}.pt-topbar__center{justify-content:flex-start;order:3}.pt-topbar__end{justify-content:flex-start;flex-wrap:wrap;order:2}}@media (max-width: 720px){.pt-topbar__modes{flex-wrap:wrap}.pt-topbar__user-email{display:none}}.ide-shell{--ide-bg: #f8fbff;--ide-surface: #ffffff;--ide-elev: #f2f6fd;--ide-line: #d7e1f0;--ide-line2: #c2d0e6;--ide-text: #1f2a3d;--ide-muted: #5b6b83;--ide-dim: #7c8ea7;--ide-accent: #6f8fdf;--ide-accent-dim: #5979cc;--ide-warn: #f59e0b;--ide-info: #38bdf8;--ide-radius: 11px;--ide-font: "DM Sans", system-ui, sans-serif;--ide-mono: "JetBrains Mono", ui-monospace, monospace;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--ide-bg);background-image:radial-gradient(ellipse 90% 55% at 8% -15%,rgba(140,171,255,.18),transparent 55%),radial-gradient(ellipse 55% 45% at 92% 0%,rgba(140,171,255,.1),transparent 52%);color:var(--ide-text);font-family:var(--ide-font)}.ide-body{flex:1;min-height:0;display:grid;grid-template-columns:52px minmax(200px,280px) minmax(0,1fr) minmax(280px,400px);gap:0}.ide-activity{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:.4rem 0;gap:.25rem;border-right:1px solid var(--ide-line);background:linear-gradient(180deg,#f8fbff,#edf3fb)}.ide-activity-btn{display:grid;place-items:center;width:38px;height:38px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ide-muted);cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease}.ide-activity-btn:hover:not(:disabled){background:#6f8fdf1f;color:var(--ide-text)}.ide-activity-btn--active{color:var(--ide-accent);background:#6f8fdf24;box-shadow:0 0 0 1px #6f8fdf4d}.ide-activity-btn--admin{color:#fbbf24}.ide-activity-btn--admin:hover{color:#fde68a}.ide-activity-btn:disabled{opacity:.35;cursor:not-allowed}.ide-activity-spacer{flex:1;min-height:.5rem}.ide-activity-spacer--sm{flex:0;min-height:.25rem}.ide-activity-brand{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px dashed rgba(139,124,247,.35);color:var(--ide-accent);opacity:.85}.ide-sidebar-placeholder{flex:1;min-height:0;padding:1rem .75rem;font-size:.82rem;color:var(--ide-dim)}.ide-sidebar-placeholder--pad{line-height:1.55}.ide-sidebar-muted{margin-top:.75rem;font-size:.78rem;color:var(--ide-dim)}.ide-tree-head--row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ide-tree-actions{display:flex;gap:.15rem}.ide-tree-icon-btn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:#ffffff0d;color:var(--ide-muted);cursor:pointer}.ide-tree-icon-btn:hover{color:var(--ide-text);background:#8b7cf726}.ide-tree-project-label{margin:0;padding:.35rem .75rem .5rem;font-size:.78rem;font-weight:600;color:var(--ide-muted);border-bottom:1px solid var(--ide-line)}.ide-sidebar-card{flex:1;min-height:0;margin:.75rem;padding:1rem .85rem;border-radius:var(--ide-radius);border:1px solid var(--ide-line);background:#00000047}.ide-sidebar-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#8b7cf71f;color:var(--ide-accent);margin-bottom:.65rem}.ide-sidebar-card-title{margin:0 0 .35rem;font-size:.95rem;font-weight:650;letter-spacing:-.02em}.ide-sidebar-card-desc{margin:0 0 .85rem;font-size:.82rem;line-height:1.5;color:var(--ide-dim)}.ide-sidebar-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.45rem .65rem;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;color:#0a0c10;background:linear-gradient(165deg,var(--ide-accent) 0%,var(--ide-accent-dim) 100%)}.ide-sidebar-link:hover{filter:brightness(1.06);text-decoration:none}.ide-live{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--ide-line);background:#f2f6fd}.ide-live-preview-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.ide-live-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-bottom:1px solid var(--ide-line);background:#6f8fdf14}.ide-live-title{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ide-muted)}.ide-live-sub{font-size:.62rem;color:var(--ide-dim);max-width:55%;text-align:right}.ide-live-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:.45rem}.ide-live-body .af-preview-frame{flex:1;min-height:0;border-radius:8px}.ide-live-meta{flex-shrink:0;border-top:1px solid var(--ide-line);padding:.65rem .7rem .75rem;background:#6f8fdf0f;display:flex;flex-direction:column;gap:.65rem}.ide-live-meta-block{font-size:.78rem;line-height:1.45;color:var(--ide-muted)}.ide-live-meta-head{display:flex;align-items:center;gap:.4rem;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ide-dim);margin-bottom:.35rem}.ide-live-meta-text{margin:0}.ide-live-meta-url{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-family:var(--ide-mono);font-size:.76rem;color:var(--ide-info)}.ide-live-pill{display:inline-flex;padding:.12rem .45rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#8b7cf733;color:var(--ide-accent)}.ide-tree{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--ide-line);background:#f6faff}.ide-tree-head{flex-shrink:0;padding:.55rem .75rem;border-bottom:1px solid var(--ide-line)}.ide-tree-title{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ide-dim)}.ide-tree-body{flex:1;min-height:0;padding:.35rem .2rem .5rem}.ide-tree-body .af-tree-row{display:flex;align-items:center;gap:.35rem;width:100%;padding:.28rem .45rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ide-text);font-size:.82rem;cursor:pointer;text-align:left;font:inherit}.ide-tree-body .af-tree-row:hover{background:#ffffff0a}.ide-tree-body .af-tree-row[data-active=true]{border-color:#3ee0b359;background:#3ee0b314}.ide-tree-body .af-tree-indent{display:inline-block;width:calc(var(--depth, 0) * 12px)}.ide-main{display:flex;flex-direction:column;min-width:0;min-height:0}.ide-canvas{flex:1;min-height:0;display:flex;flex-direction:column;padding:.55rem .55rem 0}.ide-canvas-card{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:var(--ide-radius);border:1px solid var(--ide-line);background:linear-gradient(165deg,#fff,#f3f8ff);box-shadow:0 0 0 1px #ffffffb3 inset,0 12px 28px #5979cc1f;overflow:hidden}.ide-canvas-cap{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem .65rem;border-bottom:1px solid var(--ide-line);background:#6f8fdf12;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ide-muted)}.ide-canvas-cap-path{font-family:var(--ide-mono);font-size:.72rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ide-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.ide-tab-bar{flex-shrink:0;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--ide-line);background:#edf3fb}.ide-tab-row{display:flex;flex-direction:row;align-items:stretch;flex-shrink:0;border-right:1px solid var(--ide-line)}.ide-tab-row--active{background:#fff}.ide-tab-main{display:flex;align-items:center;max-width:200px;padding:0 .65rem;border:none;background:transparent;color:var(--ide-muted);font-size:.78rem;font-family:var(--ide-mono);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-tab-row--active .ide-tab-main{color:var(--ide-text)}.ide-tab-x{display:grid;place-items:center;width:28px;flex-shrink:0;padding:0;border:none;border-left:1px solid transparent;background:transparent;color:var(--ide-dim);cursor:pointer;font:inherit;transition:background .12s ease,color .12s ease}.ide-tab-row:hover .ide-tab-x{color:var(--ide-text)}.ide-tab-x:hover{background:#6f8fdf1f;color:#f87171}.ide-monaco{flex:1;min-height:0}.ide-editor-empty-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;gap:.35rem}.ide-editor-empty{margin:0;font-size:.92rem;font-weight:500;color:var(--ide-text)}.ide-editor-empty-sub{margin:0;font-size:.8rem;color:var(--ide-dim);max-width:22rem;line-height:1.45}.ide-output{flex-shrink:0;display:flex;flex-direction:column;min-height:120px;border-top:1px solid var(--ide-line);background:#edf3fb}.ide-output-splitter{height:5px;flex-shrink:0;cursor:row-resize;background:linear-gradient(180deg,var(--ide-line) 0%,transparent 100%);opacity:.55}.ide-output-splitter:hover,.ide-output-splitter:focus{opacity:1;outline:none}.ide-output-splitter:focus-visible{box-shadow:0 0 0 2px #3ee0b359}.ide-output-head{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:.35rem;padding:.25rem .5rem .35rem;border-bottom:1px solid var(--ide-line);background:#f6faff}.ide-output-icon{display:grid;place-items:center;color:var(--ide-dim);padding:0 .2rem}.ide-output-title{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ide-muted);margin-right:.35rem}.ide-output-tab{padding:.3rem .65rem;border:none;border-radius:8px;background:transparent;color:var(--ide-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;cursor:pointer;font:inherit}.ide-output-tab:hover{color:var(--ide-text);background:#6f8fdf1a}.ide-output-tab--active{color:var(--ide-accent);background:#3ee0b31a;box-shadow:0 0 0 1px #3ee0b340}.ide-output-tab--ai{border:1px solid rgba(34,197,94,.5);background:linear-gradient(165deg,#22c55e42,#16a34a38);color:#6d28d9;text-shadow:0 0 6px rgba(255,255,255,.45),0 0 12px rgba(34,197,94,.35)}.ide-output-tab--ai:hover{border-color:#22c55ebf;background:linear-gradient(165deg,#22c55e66,#16a34a52);color:#5b21b6}.ide-output-tab--ai.ide-output-tab--active{color:#4c1d95;border-color:#22c55ed9;background:linear-gradient(165deg,#22c55e80,#16a34a66);box-shadow:0 0 0 1px #22c55e40,0 6px 18px #16a34a3d}.ide-output-tab__star{display:inline-block;color:#a855f7;text-shadow:0 0 4px rgba(255,255,255,.8),0 0 10px rgba(168,85,247,.75),0 0 18px rgba(168,85,247,.55);animation:ai-star-glitter 1.25s ease-in-out infinite}@keyframes ai-tab-glitter{0%,to{text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(34,197,94,.28);box-shadow:inset 0 0 0 1px #22c55e33,0 5px 14px #16a34a29}50%{text-shadow:0 0 9px rgba(255,255,255,.65),0 0 18px rgba(34,197,94,.42);box-shadow:inset 0 0 0 1px #22c55e42,0 8px 20px #16a34a3d}}@keyframes ai-star-glitter{0%,to{transform:scale(1) rotate(0);opacity:.9;text-shadow:0 0 4px rgba(255,255,255,.72),0 0 9px rgba(168,85,247,.55),0 0 14px rgba(168,85,247,.4)}50%{transform:scale(1.14) rotate(-6deg);opacity:1;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 14px rgba(216,180,254,.92),0 0 24px rgba(168,85,247,.7)}}.ide-output-body{flex:1;min-height:0;overflow:auto;padding:.45rem .65rem;display:flex;flex-direction:column}.ide-output-body--chat{overflow:hidden;padding:0}.ide-panel-chat{flex:1;display:flex;flex-direction:column;min-height:0}.ide-panel-chat-msgs{flex:1;min-height:0;overflow:auto;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.45rem}.ide-panel-chat-form{flex-shrink:0;display:flex;flex-direction:row;gap:.45rem;align-items:flex-end;padding:.5rem .65rem .65rem;border-top:1px solid var(--ide-line);background:#6f8fdf0f}.ide-panel-chat-form .ide-chat-input{flex:1;min-width:0}.ide-term{margin:0;font-family:var(--ide-mono);font-size:.76rem;line-height:1.55;color:#4d5f7a;white-space:pre-wrap;word-break:break-word}.ide-term--log{color:#86efac}.ide-inspector{display:flex;flex-direction:row;min-height:0;border-left:1px solid var(--ide-line);background:#f2f6fd}.ide-inspector-rail{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;padding:.4rem .25rem;gap:.35rem;border-right:1px solid var(--ide-line);background:#edf3fb}.ide-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:56px;padding:.35rem .15rem;border:none;border-radius:10px;background:transparent;color:var(--ide-muted);cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.ide-rail-btn:hover{color:var(--ide-text);background:#6f8fdf1a}.ide-rail-btn--active{color:var(--ide-accent);background:#3ee0b31a;box-shadow:0 0 0 1px #3ee0b347}.ide-rail-label{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;text-align:center}.ide-inspector-panel{width:min(380px,34vw);min-width:260px;display:flex;flex-direction:column;min-height:0}.ide-inspector-block{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ide-inspector-block--fill,.ide-inspector-block--chat{min-height:0}.ide-panel-cap{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-bottom:1px solid var(--ide-line);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ide-muted)}.ide-panel-cap-sub{font-size:.62rem;font-weight:600;letter-spacing:.06em;color:var(--ide-dim);text-transform:uppercase}.ide-preview-shell{flex:1;min-height:0;padding:.45rem;display:flex;flex-direction:column}.ide-preview-shell .af-preview-frame{border-radius:8px;flex:1;min-height:0}.ide-chat-scroll{flex:1;min-height:0;overflow:auto;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.45rem}.ide-chat-bubble{max-width:100%;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--ide-line);font-size:.82rem;line-height:1.45}.ide-chat-bubble--user{align-self:flex-end;background:#3ee0b314;border-color:#3ee0b347}.ide-chat-bubble--assistant{align-self:flex-start;background:var(--ide-elev)}.ide-chat-form{flex-shrink:0;display:flex;flex-direction:row;gap:.45rem;align-items:flex-end;padding:.5rem .65rem .65rem;border-top:1px solid var(--ide-line);background:#6f8fdf0f}.ide-chat-input{flex:1;min-width:0;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--ide-line);background:#fff;color:var(--ide-text);resize:none;min-height:2.5rem;max-height:5rem;outline:none;font-size:.82rem;font-family:var(--ide-font)}.ide-chat-input:focus{border-color:var(--ide-accent-dim);box-shadow:0 0 0 2px #3ee0b326}.ide-context-body{padding:.75rem .85rem;font-size:.84rem;line-height:1.55;color:var(--ide-muted);overflow:auto}.ide-context-body p{margin:0 0 .75rem}.ide-context-body ul{margin:0;padding-left:1.1rem}.ide-context-body code{font-family:var(--ide-mono);font-size:.78rem;color:var(--ide-warn)}.ide-preview-shortcut{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:10px;border:1px solid rgba(62,224,179,.35);background:#3ee0b31a;color:var(--ide-accent);font-size:.78rem;font-weight:600;cursor:pointer;font:inherit;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.ide-preview-shortcut:hover{background:#3ee0b329;border-color:#3ee0b38c}.ide-preview-shortcut-label{display:none}@media (min-width: 420px){.ide-preview-shortcut-label{display:inline}}.ide-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0}.ide-preview-overlay-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:none;padding:0;margin:0;cursor:pointer;background:#8da1c480;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ide-preview-overlay-panel{position:relative;z-index:1;width:100%;max-height:min(88vh,820px);border-radius:18px 18px 0 0;border:1px solid var(--ide-line);border-bottom:none;background:linear-gradient(180deg,#fff,#f2f6fd);box-shadow:0 -16px 40px #5979cc33;display:flex;flex-direction:column;min-height:min(50vh,420px);overflow:hidden}.ide-preview-overlay-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid var(--ide-line);background:#6f8fdf14}.ide-preview-overlay-title{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ide-muted)}.ide-preview-overlay-sub{display:block;margin-top:.15rem;font-size:.72rem;color:var(--ide-dim)}.ide-preview-overlay-close{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:10px;background:#6f8fdf1f;color:var(--ide-muted);cursor:pointer;font:inherit;flex-shrink:0;transition:background .15s ease,color .15s ease}.ide-preview-overlay-close:hover{background:#6f8fdf33;color:var(--ide-text)}.ide-preview-overlay-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:.5rem .65rem .75rem}.ide-preview-overlay-body .af-preview-frame{flex:1;min-height:220px;border-radius:10px}@media (min-width: 640px){.ide-preview-overlay{justify-content:center;align-items:center;padding:1rem}.ide-preview-overlay-panel{width:min(920px,100%);max-height:min(85vh,720px);border-radius:16px;border:1px solid var(--ide-line);min-height:360px}}.ide-toast{position:fixed;bottom:1rem;right:1rem;z-index:60;padding:.6rem .85rem;border-radius:10px;border:1px solid var(--ide-line);background:var(--ide-elev);box-shadow:0 12px 30px #5979cc33;font-size:.82rem}@media (max-width: 1024px){.ide-body{grid-template-columns:52px minmax(180px,220px) minmax(0,1fr)}.ide-live{display:none}}@media (max-width: 720px){.ide-body{grid-template-columns:1fr}.ide-tree{display:none}}.assistant-chatbot{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.assistant-chatbot__trigger{border:1px solid var(--saas-line);background:linear-gradient(165deg,#a9bfff,#7f9df2);color:#f7faff;border-radius:999px;padding:.6rem .95rem;font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:0 10px 24px #00000038}.assistant-chatbot__panel{width:min(360px,calc(100vw - 1.5rem));border:1px solid var(--saas-line);border-radius:14px;background:linear-gradient(165deg,var(--saas-elev) 0%,var(--saas-surface) 100%);overflow:hidden}.assistant-chatbot__header{padding:.75rem .9rem;border-bottom:1px solid var(--saas-line);display:flex;justify-content:space-between;align-items:center}.assistant-chatbot__close{border:1px solid var(--saas-line);background:transparent;color:var(--saas-text);border-radius:8px;width:30px;height:30px;cursor:pointer}.assistant-chatbot__messages{max-height:260px;overflow:auto;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.assistant-chatbot__message{border-radius:10px;padding:.55rem .65rem;font-size:.82rem;line-height:1.45}.assistant-chatbot__message--bot{border:1px solid var(--saas-line);background:#ffffff0f;color:var(--saas-text)}.assistant-chatbot__message--user{border:1px solid rgba(140,171,255,.35);background:#8cabff2e;color:var(--saas-text);align-self:flex-end}.assistant-chatbot__quick-actions{padding:0 .85rem .75rem;display:flex;flex-wrap:wrap;gap:.4rem}.assistant-chatbot__chip{border:1px solid var(--saas-line);background:#ffffff0d;color:var(--saas-text);border-radius:999px;font-size:.74rem;padding:.3rem .55rem;cursor:pointer}.assistant-chatbot__form{border-top:1px solid var(--saas-line);padding:.75rem;display:flex;gap:.5rem}.assistant-chatbot__input{flex:1;border:1px solid var(--saas-line);background:#263246;color:var(--saas-text);border-radius:10px;padding:.45rem .6rem}.assistant-chatbot__send{padding-left:.75rem;padding-right:.75rem}:root{--af-bg: #3a4a63;--af-surface-0: #445877;--af-surface-1: #4f6689;--af-surface-2: #5a749c;--af-border: #6c86ac;--af-border-strong: #7c96bb;--af-text: #f3f7ff;--af-muted: #c2cde0;--af-dim: #95a4bf;--af-accent: #8cabff;--af-accent-dim: #6f8fdf;--af-accent-glow: rgba(140, 171, 255, .18);--af-info: #8cabff;--af-info-dim: #6f8fdf;--af-danger: #e59696;--af-radius: 10px;--af-radius-sm: 6px;--af-font: "DM Sans", system-ui, sans-serif;--af-mono: "JetBrains Mono", ui-monospace, monospace;--af-shadow: 0 18px 48px rgba(18, 26, 40, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--af-font);background:var(--af-bg);color:var(--af-text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:var(--af-info);text-decoration:none}a:hover{text-decoration:underline}.af-app-bg{min-height:100%;background-color:var(--af-bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(205,222,255,.26),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(205,222,255,.18),transparent 50%),linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;background-position:center}.af-scroll{scrollbar-width:thin;scrollbar-color:var(--af-border-strong) var(--af-surface-0)}.af-scroll::-webkit-scrollbar{width:8px;height:8px}.af-scroll::-webkit-scrollbar-thumb{background:var(--af-border-strong);border-radius:4px}.af-scroll::-webkit-scrollbar-track{background:var(--af-surface-0)}