:root{--color-bg: #0B1120;--color-bg-elevated: #111827;--color-bg-card: #1E293B;--color-surface: #1E3A5F;--color-border: rgba(30, 58, 95, .3);--color-border-subtle: #1E293B;--color-primary: #1E3A5F;--color-primary-bright: #2563EB;--color-primary-dark: #172554;--color-primary-glow: rgba(30, 58, 95, .25);--color-primary-subtle: rgba(30, 58, 95, .1);--color-accent: #475569;--color-accent-light: #64748B;--color-accent-dark: #334155;--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-text-subtle: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-smooth: .2s ease;--space-section: 120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;will-change:transform}.gradient-orb--1{width:600px;height:600px;background:radial-gradient(circle,#1E3A5F 0%,transparent 70%);top:-200px;left:-100px;animation:floatOrb1 25s ease-in-out infinite}.gradient-orb--2{width:500px;height:500px;background:radial-gradient(circle,#14B8A6 0%,transparent 70%);top:40%;right:-150px;opacity:.1;animation:floatOrb2 30s ease-in-out infinite}.gradient-orb--3{width:450px;height:450px;background:radial-gradient(circle,#475569 0%,transparent 70%);bottom:-100px;left:30%;opacity:.12;animation:floatOrb3 22s ease-in-out infinite}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.05)}66%{transform:translate(-30px,80px) scale(.95)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-60px) scale(1.08)}66%{transform:translate(40px,30px) scale(.92)}}@keyframes floatOrb3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-50px) scale(1.1)}}.noise-overlay{display:none}@media (prefers-reduced-motion: reduce){.gradient-orb{animation:none}}@media (max-width: 768px){.gradient-orb{filter:blur(50px);opacity:.1}.gradient-orb--2,.gradient-orb--3{display:none}}.mouse-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(30,58,95,.15) 0%,rgba(30,58,95,.05) 40%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0;contain:layout style paint}.mouse-glow.active{opacity:1}@media (max-width: 768px){.mouse-glow{display:none}}@media (prefers-reduced-motion: reduce){.mouse-glow{display:none}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glyph-container{contain:layout style}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:transparent;transition:background var(--transition-smooth),border-color var(--transition-smooth)}.nav.scrolled{background:#0a0a0bf2;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.nav__logo-mark{width:36px;height:36px;flex-shrink:0}.nav__logo-text{font-family:var(--font-logo);font-size:21px;font-weight:200;font-stretch:110%;letter-spacing:.1em;text-transform:uppercase}.nav__links{display:flex;align-items:center;gap:32px;list-style:none}.nav__link{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-text)}.nav__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-primary);color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:background var(--transition-fast)}.nav__cta:hover{background:var(--color-primary-bright)}.nav__auth-btn{position:relative;display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.nav__auth-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted);color:var(--color-text)}.nav__auth-btn.logged-in{display:flex;border-color:#10b981;color:#10b981}.nav__auth-btn.logged-in:hover{background:#10b9811a}.nav__auth-btn svg{width:18px;height:18px}.nav__auth-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#10b981;border-radius:50%;border:2px solid var(--color-bg)}@media (max-width: 768px){.nav__auth-btn{width:32px;height:32px}.nav__auth-btn svg{width:16px;height:16px}}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.auth-modal-overlay.active{opacity:1;visibility:visible}.auth-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:400px;transform:scale(.95);transition:transform .2s ease}.auth-modal-overlay.active .auth-modal{transform:scale(1)}.auth-modal__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.auth-modal__icon{width:40px;height:40px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.auth-modal__icon svg{width:20px;height:20px;color:var(--color-primary-bright)}.auth-modal__title{flex:1;font-size:18px;font-weight:600;color:var(--color-text)}.auth-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.auth-modal__close:hover{background:var(--color-surface);color:var(--color-text)}.auth-modal__close svg{width:18px;height:18px}.auth-modal__description{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin-bottom:20px}.auth-modal__field{margin-bottom:16px}.auth-modal__label{display:block;font-size:13px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px}.auth-modal__input{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);font-family:var(--font-mono);transition:border-color var(--transition-fast)}.auth-modal__input:focus{outline:none;border-color:var(--color-primary-bright)}.auth-modal__input::placeholder{color:var(--color-text-subtle)}.auth-modal__error{padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:13px;color:#f87171;margin-bottom:16px}.auth-modal__actions{display:flex;gap:12px;justify-content:flex-end}.auth-modal__btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.auth-modal__btn--primary{background:var(--color-primary);color:#fff;border:none}.auth-modal__btn--primary:hover{background:var(--color-primary-bright)}.auth-modal__btn--secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.auth-modal__btn--secondary:hover{background:var(--color-surface);color:var(--color-text)}.auth-modal__btn--danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.auth-modal__btn--danger:hover{background:#ef444433}.auth-modal__user-info{display:flex;align-items:center;gap:12px;padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);margin-bottom:16px}.auth-modal__check-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#10b981}.auth-modal__check-icon svg{width:32px;height:32px}.auth-modal__status{font-size:14px;font-weight:600;color:#10b981}.auth-modal__key-preview{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0 80px;z-index:2}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero__text{max-width:540px}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-primary-subtle);border:1px solid var(--color-border-subtle);border-radius:100px;font-size:13px;font-weight:500;color:var(--color-primary-bright);margin-bottom:24px;animation:fadeInUp .6s ease-out}.hero__badge:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero__title{font-family:var(--font-sans);font-size:clamp(44px,5vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px;animation:fadeInUp .6s ease-out .1s both}.hero__title span{color:var(--color-primary-bright)}.hero__subtitle{font-size:18px;color:var(--color-text-muted);line-height:1.7;margin-bottom:32px;animation:fadeInUp .6s ease-out .2s both}.hero__social-proof{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem;animation:fadeInUp .6s ease-out .22s both}.hero__metrics{display:flex;justify-content:flex-start;gap:2rem;margin-bottom:32px;padding:1.25rem 1.5rem;background:#1e3a5f26;border-radius:var(--radius-lg);border:1px solid rgba(45,212,191,.15);animation:fadeInUp .6s ease-out .25s both}.hero__metric{text-align:center}.hero__metric-value{display:block;font-size:1.5rem;font-weight:700;color:#2dd4bf;margin-bottom:.25rem;letter-spacing:-.02em}.hero__metric-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;animation:fadeInUp .6s ease-out .3s both}.hero__mcp{display:flex;align-items:center;gap:16px;margin-top:20px;animation:fadeInUp .6s ease-out .4s both}.hero__mcp-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#1e3a5f33;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.hero__mcp-link:hover{background:#1e3a5f66;border-color:var(--color-primary)}.hero__mcp-link svg{width:16px;height:16px;color:var(--color-primary-bright)}.hero__mcp-divider{width:1px;height:20px;background:var(--color-border-subtle)}.hero__mcp-tools{display:flex;align-items:center;gap:8px}.hero__mcp-tool{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:1px solid var(--color-border-subtle);border-radius:100px;color:var(--color-text-muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.hero__mcp-tool svg{width:12px;height:12px}@media (max-width: 768px){.hero__metrics{flex-wrap:wrap;gap:1rem;padding:1rem}.hero__metric{flex:0 0 calc(50% - .5rem)}.hero__metric-value{font-size:1.25rem}.hero__metric-label{font-size:.7rem}.hero__mcp{flex-direction:column;align-items:flex-start;gap:12px}.hero__mcp-divider{display:none}.hero__mcp-tools{flex-wrap:wrap}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-sans);font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);border:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-bright)}.btn--primary:active{transform:scale(.97);transition:transform .1s ease}.btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-subtle)}.btn--secondary:hover{border-color:var(--color-text-muted)}.btn--secondary:active{transform:scale(.97);transition:transform .1s ease}.btn--airtable-hero{background:linear-gradient(135deg,#fcbf49,#f59e0b);color:#1a1a2e;font-weight:600;border:none}.btn--airtable-hero:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 4px 12px #fcbf494d}.btn--airtable-hero:active{transform:scale(.97);transition:transform .1s ease}.btn:focus-visible{outline:2px solid var(--color-primary-bright);outline-offset:2px}.btn__icon{width:16px;height:16px}.hero__demo{position:relative;animation:fadeInUp .6s ease-out .4s both}.demo-container{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:0 24px 48px -12px #0006}.demo-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.demo-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border-subtle)}.demo-dot--red{background:#ef4444}.demo-dot--yellow{background:#f59e0b}.demo-dot--green{background:#10b981}.demo-preview{background:#fff;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:8.5 / 7;position:relative;transition:all .5s ease}.demo-preview__content{position:absolute;inset:0;padding:24px;font-family:system-ui,sans-serif;font-size:11px;color:#1a1a1a;overflow:hidden}.demo-doc-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:2px solid var(--demo-accent, #1E3A5F);margin-bottom:16px;transition:border-color .5s ease}.demo-company{font-size:16px;font-weight:700;color:var(--demo-accent, #1E3A5F);transition:color .5s ease}.demo-quote-title{font-size:18px;font-weight:700;color:var(--demo-accent, #1E3A5F);text-transform:uppercase;letter-spacing:.05em;transition:color .5s ease}.demo-meta{display:flex;gap:24px;background:#f9fafb;padding:12px 16px;border-radius:6px;margin-bottom:16px}.demo-meta-item{text-align:center}.demo-meta-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:4px}.demo-meta-value{font-weight:600}.demo-table{width:100%;margin-top:12px}.demo-table-header{background:var(--demo-accent, #1E3A5F);color:#fff;padding:8px 12px;border-radius:4px 4px 0 0;font-weight:600;font-size:9px;text-transform:uppercase;letter-spacing:.05em;display:grid;grid-template-columns:2fr 1fr 1fr;transition:background-color .5s ease}.demo-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px 12px;border-bottom:1px solid #e5e5e5;font-size:10px}.demo-command{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0000004d;animation:commandFloat 3s ease-in-out infinite}@keyframes commandFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.demo-command__icon{width:20px;height:20px;color:var(--color-primary-bright)}.demo-command__text{font-size:14px;color:var(--color-text-muted)}.demo-command__cursor{width:2px;height:16px;background:var(--color-primary-bright);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.demo-command{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.demo-command:hover{border-color:var(--color-primary-bright);box-shadow:0 12px 48px #1e3a5f66}.demo-command:hover .demo-command__text{color:var(--color-primary-bright)}.demo-command:after{content:"Click to try it";position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:11px;color:var(--color-text-subtle);opacity:0;transition:opacity .2s ease;white-space:nowrap}.demo-command:hover:after{opacity:1}.demo-effect{opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}.demo-effect--active{opacity:1}.demo-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:48px;font-weight:900;color:#ef444426;letter-spacing:8px;text-transform:uppercase;white-space:nowrap;z-index:10}.demo-watermark.demo-effect--active{transform:translate(-50%,-50%) rotate(-35deg) scale(1)}.demo-preview--grouping .demo-doc-header{border-color:#0d9488!important}.demo-preview--grouping .demo-table-row:first-child{background:#f0fdfa!important;font-weight:600}.demo-preview--grouping .demo-table-row:nth-child(3){background:#ccfbf1!important;font-weight:600}.demo-grouping-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;padding:4px 10px;border-radius:12px;font-size:9px;font-weight:700;letter-spacing:.5px;z-index:5}.demo-qrcode{position:absolute;bottom:24px;right:24px;width:48px;height:48px;background:#fff;border:2px solid #1E3A5F;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:5}.demo-qrcode svg{width:36px;height:36px}.demo-qrcode-label{position:absolute;bottom:76px;right:24px;font-size:7px;color:#666;text-align:right}.demo-terms{position:absolute;bottom:24px;left:24px;right:80px;padding:8px 12px;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-left:3px solid #22C55E;border-radius:0 4px 4px 0;z-index:5}.demo-terms-title{font-size:8px;font-weight:700;color:#166534;margin-bottom:2px}.demo-terms-text{font-size:9px;color:#15803d}.demo-signature{position:absolute;bottom:24px;left:24px;right:24px;z-index:5}.demo-signature-line{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.demo-signature-box{flex:1}.demo-signature-rule{border-bottom:1px solid #333;margin-bottom:4px;height:24px}.demo-signature-label{font-size:8px;color:#666}.demo-signature-date{flex:0 0 80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html.hero-animation-played .hero__badge,html.hero-animation-played .hero__title,html.hero-animation-played .hero__subtitle,html.hero-animation-played .hero__metrics,html.hero-animation-played .hero__actions,html.hero-animation-played .hero__mcp,html.hero-animation-played .hero__demo{animation-duration:.05s!important;animation-delay:0s!important}.integration-options{position:relative;padding:80px 0 100px;z-index:2;border-bottom:1px solid var(--color-border-subtle)}.integration-options__header{text-align:center;margin-bottom:48px}.integration-options__title{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:12px}.integration-options__subtitle{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.integration-options__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.integration-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;transition:border-color var(--transition-fast),transform var(--transition-fast)}.integration-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.integration-card__icon{width:48px;height:48px;margin:0 auto 20px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.integration-card__icon svg{width:24px;height:24px;color:var(--color-primary-bright)}.integration-card__label{font-size:20px;font-weight:600;margin-bottom:6px;color:var(--color-text)}.integration-card__desc{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.integration-card__code{position:relative;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-mono);font-size:13px;color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast);display:flex;align-items:center;justify-content:space-between;gap:12px}.integration-card__code:hover{border-color:var(--color-primary)}.integration-card__code-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.integration-card__copy{flex-shrink:0;color:var(--color-text-subtle);transition:color var(--transition-fast)}.integration-card__code:hover .integration-card__copy{color:var(--color-primary-bright)}.integration-card__copy svg{width:16px;height:16px}.integration-card__tools{display:flex;justify-content:center;gap:8px;margin-top:16px}.integration-card__tool{font-size:12px;color:var(--color-text-subtle);padding:4px 10px;background:var(--color-surface);border-radius:100px}.quickstart{padding:80px 0 40px}.quickstart__inner{max-width:640px;margin:0 auto;text-align:center}.quickstart__header{margin-bottom:32px}.quickstart__badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-bright);background:var(--color-primary-subtle);border:1px solid rgba(37,99,235,.2);padding:6px 14px;border-radius:100px;margin-bottom:16px}.quickstart__title{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 8px;line-height:1.2}.quickstart__subtitle{font-size:16px;color:var(--color-text-muted);margin:0}.quickstart__code-window{background:#0d1117;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-align:left}.quickstart__code-toolbar{display:flex;align-items:center;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--color-border-subtle);gap:12px}.quickstart__code-dots{display:flex;gap:6px}.quickstart__code-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.quickstart__code-filename{flex:1;font-size:12px;color:var(--color-text-subtle);font-family:var(--font-mono)}.quickstart__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:var(--color-text-subtle);border:1px solid var(--color-border-subtle);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.quickstart__copy-btn:hover{color:var(--color-text);border-color:var(--color-text-muted);background:#ffffff0d}.quickstart__copy-btn.copied{color:#34d399;border-color:#34d399}pre.quickstart__code{margin:0;padding:24px;font-family:var(--font-mono);font-size:14px;line-height:1.8;overflow-x:auto;background:transparent}pre.quickstart__code code{color:var(--color-text-muted)}@media (max-width: 768px){.quickstart{padding:60px 0 30px}.quickstart__title{font-size:22px}pre.quickstart__code{font-size:12px;padding:16px;line-height:1.7}.quickstart__code-toolbar{padding:10px 12px}}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-bg-elevated);border:1px solid var(--color-primary);color:var(--color-text);padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;z-index:1000;opacity:0;transition:transform .3s ease,opacity .3s ease;display:flex;align-items:center;gap:8px}.copy-toast.show{transform:translate(-50%) translateY(0);opacity:1}.copy-toast svg{width:16px;height:16px;color:var(--color-success)}@media (max-width: 768px){.integration-options__grid{grid-template-columns:1fr;max-width:400px}.integration-options{padding:60px 0 80px}}.social-proof{position:relative;padding:60px 0;z-index:2;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.social-proof__header{text-align:center;margin-bottom:40px}.social-proof__label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:8px}.social-proof__title{font-size:20px;font-weight:500;color:var(--color-text-muted)}.social-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin:0 auto}.proof-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.proof-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.proof-item__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-subtle);border-radius:var(--radius-md);margin-bottom:16px;color:var(--color-primary-bright)}.proof-item__icon svg{width:24px;height:24px}.proof-item__stat{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:4px;letter-spacing:-.02em}.proof-item__label{font-size:13px;color:var(--color-text-muted);line-height:1.4}.social-proof__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border-subtle)}.proof-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:100px;font-size:13px;font-weight:500;color:var(--color-text-muted);transition:border-color var(--transition-fast)}.proof-badge:hover{border-color:var(--color-primary)}.proof-badge__icon{width:16px;height:16px;color:var(--color-primary-bright)}.proof-badge--highlight{background:var(--color-primary-subtle);border-color:#2563eb4d;color:var(--color-primary-bright)}.social-proof__integrations{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:40px;padding-top:32px;border-top:1px solid var(--color-border-subtle)}.social-proof__integrations-label{font-size:14px;font-weight:500;color:var(--color-text-muted)}.social-proof__integration-logos{display:flex;align-items:center;gap:24px}.integration-logo{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text);transition:border-color var(--transition-fast),transform var(--transition-fast)}.integration-logo:hover{border-color:var(--color-primary);transform:translateY(-2px)}.integration-logo__icon{width:20px;height:20px;color:var(--color-primary-bright)}@media (max-width: 768px){.social-proof{padding:48px 0}.social-proof__grid{grid-template-columns:repeat(2,1fr);gap:16px}.proof-item{padding:20px 12px}.proof-item__icon{width:40px;height:40px;margin-bottom:12px}.proof-item__icon svg{width:20px;height:20px}.proof-item__stat{font-size:20px}.proof-item__label{font-size:12px}.social-proof__badges{gap:8px;margin-top:32px;padding-top:24px}.proof-badge{padding:6px 12px;font-size:12px}.social-proof__integrations{flex-direction:column;gap:16px;margin-top:32px;padding-top:24px}.social-proof__integration-logos{flex-wrap:wrap;justify-content:center;gap:12px}.integration-logo{padding:8px 12px;font-size:13px}.integration-logo__icon{width:18px;height:18px}}@media (max-width: 480px){.social-proof__grid{grid-template-columns:1fr 1fr}.social-proof__integration-logos{gap:8px}.integration-logo{padding:6px 10px;font-size:12px;gap:6px}.integration-logo__icon{width:16px;height:16px}.playground__preview-frame-wrapper{width:200px;height:259px}.playground__preview-frame-wrapper iframe{transform:scale(.235)}.playground__preview{min-height:280px;max-height:300px;background:#374151}.playground__suggestion{padding:6px 10px;font-size:11px}.playground__apply-btn{padding:10px 14px;font-size:13px}}@media (max-width: 375px){.container{padding:0 12px}.hero__title{font-size:32px;line-height:1.15;margin-bottom:16px}.hero__subtitle{font-size:15px;margin-bottom:20px}.hero__metrics{gap:.75rem;padding:.75rem;margin-bottom:20px}.hero__metric{flex:0 0 calc(50% - .375rem)}.hero__metric-value{font-size:1.1rem}.hero__metric-label{font-size:.65rem}.playground__body{display:flex;flex-direction:column;grid-template-columns:unset;min-height:auto;max-height:none}.playground__input-area{padding:12px;min-height:auto;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.playground__input{height:50px;min-height:50px;max-height:60px;font-size:12px;padding-right:44px}.playground__voice-btn{width:36px;height:36px;right:6px}.playground__voice-status{font-size:10px;padding:3px 6px}.playground__suggestions{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.playground__suggestion{padding:10px 12px;font-size:11px;white-space:nowrap;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}.playground__preview-area{padding:16px;min-height:450px;max-height:none;display:flex!important;flex-direction:column;overflow:visible;visibility:visible!important;opacity:1!important;border-top:3px solid var(--color-primary);border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.02) 30%,var(--color-bg-elevated) 100%);margin-top:12px;box-shadow:0 -4px 20px #3b82f626}.playground__preview{min-height:450px;height:450px;max-height:none;flex:1;padding:12px;display:flex!important;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#374151;position:relative;touch-action:pan-x pan-y;visibility:visible!important;opacity:1!important}.playground__preview-frame-wrapper{width:280px;height:350px;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0000004d;flex-shrink:0;overflow:hidden;visibility:visible!important;opacity:1!important}.playground__preview-frame-wrapper iframe{width:850px;height:1100px;transform:scale(.329);transform-origin:top left;border:none;pointer-events:auto;visibility:visible!important;opacity:1!important}.playground__preview.zoomed-in{overflow:auto;-webkit-overflow-scrolling:touch;padding:0;justify-content:flex-start;align-items:flex-start}.playground__preview.zoomed-in .playground__preview-frame-wrapper{width:850px;height:1100px;min-height:1100px;box-shadow:none;border-radius:0;overflow:visible;flex-shrink:0}.playground__preview.zoomed-in .playground__preview-frame-wrapper iframe{width:850px;height:1100px;transform:none;min-height:1100px}.stepper{padding:0 12px}.stepper__step{gap:8px;padding:4px 0}.stepper__indicator{width:20px;height:20px}.stepper__connector{height:8px;margin-left:9px}.stepper__label{font-size:11px}.stepper__check,.stepper__spinner{width:12px;height:12px}.playground__rate-notice{display:none}.playground__toolbar{padding:8px 12px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px}.playground__template-type{padding:5px 24px 5px 8px;font-size:11px}.playground__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:1;min-width:0}.playground__tab{padding:6px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.playground__apply-btn{padding:10px 12px;font-size:12px}.playground__button-row{gap:6px}.playground__preview-label{font-size:12px;font-weight:700;margin-bottom:12px;padding:10px 14px;flex-shrink:0;color:var(--color-text);text-transform:uppercase;letter-spacing:.8px;background:#3b82f61f;border-radius:8px;border-left:3px solid var(--color-primary);display:flex;align-items:center;justify-content:space-between}.playground__preview-label:before{content:"";display:inline-block;width:0;height:0;border-left:6px solid var(--color-primary);border-top:4px solid transparent;border-bottom:4px solid transparent;margin-right:8px;animation:pulse-arrow 2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(2px)}}.playground__zoom-toggle{width:44px;height:44px;bottom:16px;right:16px;position:fixed;z-index:100;background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #3b82f666;border:2px solid white}.playground__zoom-toggle:hover{background:var(--color-primary-bright);transform:scale(1.05)}.playground__zoom-toggle svg{color:#fff}.zoom-toggle-hint{display:block;position:absolute;right:54px;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px #3b82f64d;animation:hint-pulse 2s ease-in-out 3}.zoom-toggle-hint:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid var(--color-primary);border-top:5px solid transparent;border-bottom:5px solid transparent}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.7}}.playground__preview.zoomed-in .zoom-toggle-hint{display:none}.session-timer,.sandbox-mode-badge{padding:4px 8px;font-size:10px;flex-shrink:0}}.ai-ide{position:relative;padding:100px 0 120px;z-index:2;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-elevated) 50%,var(--color-bg) 100%);overflow:hidden}.ai-ide:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.ai-ide__header{text-align:center;max-width:700px;margin:0 auto 64px}.ai-ide__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#2563eb26,#1e3a5f26);border:1px solid var(--color-primary);border-radius:100px;font-size:13px;font-weight:600;color:var(--color-primary-bright);margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.ai-ide__badge svg{width:16px;height:16px}.ai-ide__title{font-family:var(--font-sans);font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.ai-ide__title span{background:linear-gradient(135deg,#60a5fa,#2563eb,#1e3a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-ide__subtitle{font-size:18px;color:var(--color-text-muted);line-height:1.7;max-width:600px;margin:0 auto}.ai-ide__content{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto}.ai-ide__ides{display:flex;flex-direction:column;gap:20px}.ai-ide__ide-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;transition:all var(--transition-smooth);cursor:default}.ai-ide__ide-card:hover{border-color:var(--color-primary);transform:translate(8px);box-shadow:-8px 0 24px #2563eb26}.ai-ide__ide-icon{width:56px;height:56px;min-width:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.ai-ide__ide-icon--claude{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.ai-ide__ide-icon--cursor{background:linear-gradient(135deg,#000,#333);color:#fff}.ai-ide__ide-icon--windsurf{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.ai-ide__ide-info h4{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--color-text)}.ai-ide__ide-info p{font-size:14px;color:var(--color-text-muted);margin:0}.ai-ide__ide-tag{margin-left:auto;padding:6px 12px;background:var(--color-primary-subtle);border:1px solid var(--color-border-subtle);border-radius:100px;font-size:12px;font-weight:500;color:var(--color-primary-bright)}.ai-ide__terminal{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 48px -12px #00000080}.ai-ide__terminal-header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.ai-ide__terminal-dot{width:12px;height:12px;border-radius:50%}.ai-ide__terminal-dot--red{background:#ef4444}.ai-ide__terminal-dot--yellow{background:#f59e0b}.ai-ide__terminal-dot--green{background:#10b981}.ai-ide__terminal-title{flex:1;text-align:center;font-size:13px;font-weight:500;color:var(--color-text-muted)}.ai-ide__terminal-body{padding:24px;font-family:var(--font-mono);font-size:13px;line-height:1.8}.ai-ide__terminal-comment{color:var(--color-text-subtle)}.ai-ide__terminal-file{color:var(--color-text-muted);margin-bottom:16px}.ai-ide__terminal-code{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.ai-ide__terminal-json{color:var(--color-text)}.ai-ide__terminal-key{color:#60a5fa}.ai-ide__terminal-string{color:#34d399}.ai-ide__terminal-prompt{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);margin-top:20px}.ai-ide__terminal-prompt-icon{width:24px;height:24px;color:var(--color-primary-bright)}.ai-ide__terminal-prompt-text{flex:1;color:var(--color-text)}.ai-ide__terminal-prompt-cursor{width:2px;height:18px;background:var(--color-primary-bright);animation:blink 1s step-end infinite}.ai-ide__terminal-output{margin-top:16px;padding:16px 20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px}.ai-ide__terminal-output svg{width:20px;height:20px;color:var(--color-success)}.ai-ide__terminal-output span{color:var(--color-success);font-size:13px}@media (max-width: 1024px){.ai-ide__content{grid-template-columns:1fr;gap:48px}.ai-ide__ides{order:2}.ai-ide__terminal{order:1}}@media (max-width: 768px){.ai-ide{padding:60px 0 80px}.ai-ide__ide-card{padding:16px;gap:14px}.ai-ide__ide-icon{width:44px;height:44px;min-width:44px;font-size:18px}.ai-ide__ide-info h4{font-size:15px}.ai-ide__ide-tag{display:none}.ai-ide__terminal-body{padding:16px;font-size:11px}}.mcp-landing{position:relative;padding:100px 0 120px;z-index:2;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(30,58,95,.08) 50%,var(--color-bg) 100%);overflow:hidden}.mcp-landing:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.mcp-landing__header{text-align:center;max-width:800px;margin:0 auto 64px}.mcp-landing__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#2563eb26,#1e3a5f26);border:1px solid var(--color-primary);border-radius:100px;font-size:13px;font-weight:600;color:var(--color-primary-bright);margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.mcp-landing__badge svg{width:16px;height:16px}.mcp-landing__title{font-family:var(--font-sans);font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.mcp-landing__title span{background:linear-gradient(135deg,#60a5fa,#2563eb,#1e3a5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mcp-landing__subtitle{font-size:18px;color:var(--color-text-muted);line-height:1.7;max-width:700px;margin:0 auto}.mcp-landing__content{max-width:900px;margin:0 auto}.mcp-landing__install{text-align:center;margin-bottom:48px}.mcp-landing__install-label{font-size:14px;font-weight:500;color:var(--color-text-muted);margin-bottom:16px}.mcp-landing__install-command{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.mcp-landing__install-command:hover{border-color:var(--color-primary);box-shadow:0 0 24px #2563eb26}.mcp-landing__install-prompt{color:var(--color-text-muted);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:16px}.mcp-landing__install-code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:18px;font-weight:500;color:var(--color-text)}.mcp-landing__install-copy{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.mcp-landing__install-copy:hover{color:var(--color-primary-bright)}.mcp-landing__install-copy svg{width:20px;height:20px}.mcp-landing__demo{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:48px}.mcp-landing__demo-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.mcp-landing__demo-dot{width:12px;height:12px;border-radius:50%}.mcp-landing__demo-dot--red{background:#ef4444}.mcp-landing__demo-dot--yellow{background:#f59e0b}.mcp-landing__demo-dot--green{background:#10b981}.mcp-landing__demo-title{flex:1;text-align:center;font-size:13px;font-weight:500;color:var(--color-text-muted);margin-right:36px}.mcp-landing__demo-body{padding:24px}.mcp-landing__demo-prompt{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#2563eb14;border-radius:var(--radius-md);margin-bottom:20px}.mcp-landing__demo-prompt-icon{width:20px;height:20px;min-width:20px;color:var(--color-primary-bright);margin-top:2px}.mcp-landing__demo-text{font-size:15px;color:var(--color-text);line-height:1.5}.mcp-landing__demo-response{display:flex;flex-direction:column;gap:12px}.mcp-landing__demo-step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-muted)}.mcp-landing__demo-step svg{width:18px;height:18px;color:var(--color-primary-bright)}.mcp-landing__demo-output{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#10b9811a;border-radius:var(--radius-md);margin-top:8px}.mcp-landing__demo-output svg{width:20px;height:20px;color:#10b981}.mcp-landing__demo-output span{font-size:14px;font-weight:500;color:#10b981}.mcp-landing__features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.mcp-landing__feature{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all var(--transition-smooth)}.mcp-landing__feature:hover{border-color:var(--color-primary);transform:translateY(-4px)}.mcp-landing__feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb26,#1e3a5f26);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.mcp-landing__feature-icon svg{width:24px;height:24px;color:var(--color-primary-bright)}.mcp-landing__feature h3{font-size:17px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.mcp-landing__feature p{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin:0}.mcp-landing__cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.mcp-landing{padding:64px 0 80px}.mcp-landing__features{grid-template-columns:1fr;gap:16px}.mcp-landing__install-command{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.mcp-landing__install-code{font-size:14px}.mcp-landing__demo-body{padding:16px}.mcp-landing__demo-text{font-size:14px}}.how-it-works{position:relative;padding:var(--space-section) 0;z-index:2}.hiw__steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:960px;margin:0 auto 2rem}.hiw__step{flex:1;text-align:center;padding:2rem 1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-smooth),transform var(--transition-smooth)}.hiw__step:hover{border-color:var(--color-primary-bright);transform:translateY(-4px)}.hiw__step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-bright);color:#fff;font-size:.75rem;font-weight:700;margin-bottom:1rem}.hiw__step-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;width:48px;height:48px;border-radius:var(--radius-md);background:#2563eb1a;color:var(--color-primary-bright)}.hiw__step-icon svg{width:24px;height:24px}.hiw__step-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.hiw__step-desc{font-size:.875rem;line-height:1.6;color:var(--color-text-muted)}.hiw__step-connector{display:flex;align-items:center;justify-content:center;padding:0 .5rem;color:var(--color-text-muted);margin-top:5rem}.hiw__cta{text-align:center}@media (max-width: 768px){.hiw__steps{flex-direction:column;gap:1rem}.hiw__step{padding:1.5rem}.hiw__step-connector{margin-top:0;transform:rotate(90deg);padding:0}}.playground{position:relative;padding:var(--space-section) 0;z-index:2}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-bright);margin-bottom:16px}.section-title{font-family:var(--font-sans);font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{font-size:17px;color:var(--color-text-muted);line-height:1.7}.playground__editor{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 48px -12px #0006}.playground__toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.playground__template-switcher{display:flex;align-items:center}.playground__template-type{appearance:none;-webkit-appearance:none;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:6px 28px 6px 10px;font-size:13px;font-weight:500;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.playground__template-type:hover{border-color:var(--color-primary)}.playground__template-type:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1e3a5f26}.playground__template-type:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.playground__tabs{display:flex;gap:4px;background:var(--color-surface);padding:4px;border-radius:var(--radius-sm)}.playground__tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.playground__tab:hover{color:var(--color-text)}.playground__tab--active{background:var(--color-primary);color:#fff}.playground__actions{display:flex;gap:12px}.playground__body{display:grid;grid-template-columns:1fr 1fr;min-height:420px;max-height:520px}.playground__input-area{padding:20px;border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow:visible}.playground__prompt{display:flex;flex-direction:column;gap:10px;height:100%}.playground__prompt-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);flex-shrink:0}.playground__input{width:100%;height:70px;min-height:60px;max-height:80px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:13px;line-height:1.4;resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.playground__input:focus-visible{outline:none;border-color:var(--color-primary-bright);box-shadow:0 0 0 4px #2563eb26}.playground__input::placeholder{color:var(--color-text-subtle)}.playground__input-wrapper{position:relative;flex:0 0 auto;display:flex}.playground__voice-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.playground__voice-btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.playground__voice-btn:focus{outline:none;box-shadow:0 0 0 2px #2563eb4d}.playground__voice-btn.listening{background:#ef444426;color:#ef4444;animation:voice-pulse 1.5s ease-in-out infinite}.playground__voice-btn.unsupported{display:none}.playground__voice-icon{width:18px;height:18px;flex-shrink:0}.playground__voice-status{display:none;position:absolute;right:100%;margin-right:8px;white-space:nowrap;font-size:11px;font-weight:500;color:#ef4444;background:var(--color-surface-elevated);padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #00000026}.playground__voice-btn.listening .playground__voice-status{display:block}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.playground__input{padding-right:44px}.playground-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:420px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#1f2937,#111827);border:1px solid #374151;border-radius:12px;box-shadow:0 12px 40px -8px #00000080,0 4px 12px -4px #0000004d;z-index:1000;animation:autocomplete-appear .2s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.playground-autocomplete::-webkit-scrollbar{width:6px}.playground-autocomplete::-webkit-scrollbar-track{background:transparent}.playground-autocomplete::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}@keyframes autocomplete-appear{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.autocomplete-category{display:flex;align-items:center;gap:8px;padding:10px 14px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;background:linear-gradient(180deg,#1f2937,#111827);border-bottom:1px solid #374151;position:sticky;top:0;z-index:1}.autocomplete-category--recent .autocomplete-category-icon{color:#8b5cf6}.autocomplete-category--suggestions .autocomplete-category-icon{color:#f59e0b}.autocomplete-category--quick .autocomplete-category-icon{color:#1e3a5f}.autocomplete-category--fields .autocomplete-category-icon{color:#3b82f6}.autocomplete-category-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary-bright)}.autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background-color .1s ease;border-bottom:1px solid #1f2937}.autocomplete-item:last-of-type{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:linear-gradient(90deg,#1e3a5f26,#1e3a5f14)}.autocomplete-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.autocomplete-item--recent .autocomplete-item-icon{background:#8b5cf626;color:#8b5cf6}.autocomplete-item--recent.selected .autocomplete-item-icon{background:#8b5cf6;color:#fff}.autocomplete-item--suggestion .autocomplete-item-icon{background:#f59e0b26;color:#f59e0b}.autocomplete-item--suggestion.selected .autocomplete-item-icon{background:#f59e0b;color:#fff}.autocomplete-item--action .autocomplete-item-icon{background:#1e3a5f26;color:#1e3a5f}.autocomplete-item--action.selected .autocomplete-item-icon{background:#1e3a5f;color:#fff}.autocomplete-item--field .autocomplete-item-icon{background:#3b82f626;color:#3b82f6}.autocomplete-item--field.selected .autocomplete-item-icon{background:#3b82f6;color:#fff}.autocomplete-item-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.autocomplete-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1e3a5f26;border-radius:6px;color:var(--color-primary-bright);flex-shrink:0}.autocomplete-item.selected .autocomplete-item-icon{background:var(--color-primary);color:#fff}.autocomplete-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.autocomplete-item-name{font-size:13px;font-weight:500;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item-description{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-item--field .autocomplete-item-description{font-family:ui-monospace,SF Mono,Fira Code,monospace;color:#3b82f6;background:#3b82f626;padding:1px 4px;border-radius:3px;display:inline-block;max-width:fit-content}.autocomplete-item-path{font-size:11px;font-family:ui-monospace,SF Mono,Fira Code,monospace;color:var(--color-primary-bright);background:#1e3a5f33;padding:2px 6px;border-radius:4px;display:inline-block;max-width:fit-content}.autocomplete-item.selected .autocomplete-item-path{background:#1e3a5f40}.autocomplete-item-example{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-align:right;flex-shrink:0;font-style:italic}.autocomplete-hint{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;background:#111827;border-top:1px solid #374151;font-size:11px;color:#6b7280;border-radius:0 0 12px 12px}.autocomplete-hint kbd{background:#374151;padding:2px 6px;border-radius:4px;font-family:inherit;font-size:10px;font-weight:500;color:#9ca3af}.playground__suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.playground__suggestion{padding:5px 10px;background:var(--color-primary-subtle);border:1px solid var(--color-border);border-radius:100px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.playground__suggestion:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.playground__suggestion:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.playground__suggestion-duration{font-size:10px;margin-left:6px;font-weight:500;display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:3px;background:#22c55e26;color:#22c55e}.playground__suggestion-duration:before{content:"\26a1";font-size:9px}.playground__suggestion:hover:not(:disabled) .playground__suggestion-duration{background:#22c55e40}.playground__suggestion--hero{background:linear-gradient(135deg,#1e3a5f26,#2563eb1f);border-color:#2563eb59;color:var(--color-text);position:relative}.playground__suggestion--hero:before{content:"\2605";font-size:8px;margin-right:4px;color:var(--color-primary-bright);opacity:.8}.playground__suggestion--hero:hover:not(:disabled){background:var(--color-primary-bright);border-color:var(--color-primary-bright);box-shadow:0 2px 8px #2563eb40}.playground__suggestion--hero:hover:not(:disabled):before{color:#fff;opacity:1}.playground__suggestion--applied{background:#22c55e26!important;border-color:#22c55e80!important;color:#22c55e!important;position:relative}.playground__suggestion--applied:after{content:"\2713";font-size:10px;margin-left:6px;font-weight:600}.playground__suggestion--applied .playground__suggestion-duration{display:none}.playground__suggestion--applied:hover:not(:disabled){background:#22c55e40!important;border-color:#22c55e99!important;color:#22c55e!important}.playground__suggestion:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.playground__suggestion--hero.playground__suggestion--applied:before{content:"\2713";color:#22c55e;opacity:1}.playground__suggestion--highlight{animation:quick-action-highlight .6s ease-out}@keyframes quick-action-highlight{0%{transform:scale(1);box-shadow:0 0 #2563eb66}50%{transform:scale(1.05);box-shadow:0 0 0 6px #2563eb33}to{transform:scale(1);box-shadow:0 0 #2563eb00}}.playground__brand-action{display:flex;flex-direction:column;gap:8px}.playground__suggestion--brand{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#a855f726,#6366f126);border-color:#a855f766}.playground__suggestion--brand:hover:not(:disabled){background:linear-gradient(135deg,#a855f740,#6366f140);border-color:#a855f799}.playground__brand-icon{width:14px;height:14px;flex-shrink:0}.playground__brand-input-container{display:flex;gap:6px;animation:brand-input-expand .2s ease-out}.playground__brand-input-container[hidden]{display:none}@keyframes brand-input-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.playground__brand-input{flex:1;min-width:0;padding:8px 12px;font-size:12px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm, 6px);color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.playground__brand-input:focus{border-color:#a855f799;box-shadow:0 0 0 3px #a855f71a}.playground__brand-input::placeholder{color:var(--color-text-muted)}.playground__brand-apply-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:opacity .15s ease,transform .15s ease;min-width:70px}.playground__brand-apply-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.playground__brand-apply-btn:disabled{opacity:.5;cursor:not-allowed}.playground__brand-apply-spinner{display:none;animation:brand-spinner 1s linear infinite}.playground__brand-apply-btn--loading .playground__brand-apply-text{display:none}.playground__brand-apply-btn--loading .playground__brand-apply-spinner{display:block}@keyframes brand-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playground__brand-action--applied .playground__suggestion--brand{background:#22c55e26;border-color:#22c55e66}.playground__brand-action--applied .playground__suggestion--brand:before{content:"\2713";color:#22c55e;font-weight:600;margin-right:4px}.playground__hint{margin-top:8px;font-size:11px;color:var(--color-text-subtle);font-style:normal;line-height:1.5}.playground__hint-instant{color:#22c55e;font-weight:500}.playground__hint-instant:before{content:"\26a1";margin-right:2px}.playground__preview-area{padding:16px;background:var(--color-bg-elevated);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s ease}.playground__preview-area.first-win-glow{box-shadow:0 0 0 3px #22c55e66,0 0 20px #22c55e33;animation:first-win-pulse .8s ease-out}@keyframes first-win-pulse{0%{box-shadow:0 0 #22c55e99,0 0 #22c55e00}50%{box-shadow:0 0 0 4px #22c55e66,0 0 25px #22c55e4d}to{box-shadow:0 0 #22c55e00,0 0 #22c55e00}}.playground__preview-area.content-updated{animation:content-flash .5s ease-out}@keyframes content-flash{0%{background:linear-gradient(180deg,rgba(59,130,246,.15) 0%,transparent 50%)}to{background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,transparent 20%)}}.playground__preview-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.playground__preview-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.playground__response-time{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;padding:2px 8px;border-radius:4px;margin-left:auto;background:#ffffff0f;color:var(--color-text-subtle)}.playground__response-time--fast{color:var(--color-success);background:#22c55e1a}.playground__preview{flex:1;background:#374151;border-radius:var(--radius-md);overflow:hidden;position:relative;min-height:420px;max-height:520px;display:flex;align-items:center;justify-content:center;padding:20px}.playground__preview-frame-wrapper{width:340px;height:440px;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:all .3s ease,opacity .2s ease}.playground__preview-frame-wrapper.template-switching{opacity:0}.playground__preview-frame-wrapper iframe{width:850px;height:1100px;transform:scale(.4);transform-origin:top left;border:none}.playground__preview.zoomed-in .playground__preview-frame-wrapper{width:100%;height:100%;box-shadow:none;border-radius:0}.playground__preview.zoomed-in .playground__preview-frame-wrapper iframe{width:100%;height:100%;transform:none}.playground__preview-frame{width:100%;height:100%;border:none;background:#fff}.playground__zoom-toggle{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;z-index:20;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026}.playground__zoom-toggle:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0003}.playground__zoom-toggle svg{width:20px;height:20px}.playground__zoom-toggle .zoom-out-icon,.zoom-toggle-hint,.playground__preview.zoomed-in .playground__zoom-toggle .zoom-in-icon{display:none}.playground__preview.zoomed-in .playground__zoom-toggle .zoom-out-icon{display:block}.playground__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.playground__loading.visible{opacity:1;pointer-events:auto}.stepper{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 20px}.stepper__step{display:flex;align-items:center;gap:12px;padding:6px 0;opacity:.35;transition:opacity .4s ease,transform .4s ease;transform:translateY(4px)}.stepper__step.active{opacity:1;transform:translateY(0)}.stepper__step.completed{opacity:.7;transform:translateY(0)}.stepper__connector{width:2px;height:12px;background:#ddd;margin-left:11px;transition:background .4s ease}.stepper__step.completed+.stepper__connector,.stepper__connector.done{background:#22c55e}.stepper__indicator{width:24px;height:24px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:border-color .4s ease,background .4s ease}.stepper__step.active .stepper__indicator{border-color:var(--color-primary)}.stepper__step.completed .stepper__indicator{border-color:#22c55e;background:#22c55e;animation:stepper-complete-pop .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes stepper-complete-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stepper__check{width:14px;height:14px;color:#fff;display:none}.stepper__step.completed .stepper__check{display:block}.stepper__spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--color-primary);border-radius:50%;display:none;animation:stepper-spin .8s linear infinite}.stepper__step.active .stepper__spinner{display:block}.stepper__step.completed .stepper__spinner{display:none}@keyframes stepper-spin{to{transform:rotate(360deg)}}.stepper__label{font-size:13px;font-weight:500;color:#666;white-space:nowrap;transition:color .3s ease}.stepper__step.active .stepper__label{color:#333}.stepper__step.completed .stepper__label{color:#22c55e}.playground__loading.staircase-loader{background:linear-gradient(145deg,#0a0f1a,#111827,#0f172a)!important;padding:48px 32px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:32px}.staircase-container{display:flex;flex-direction:column;align-items:center}.staircase-visual{position:relative;width:340px;height:320px;padding:20px}.stair-step{position:absolute;display:flex;align-items:center;gap:14px;left:calc(var(--step-index) * 36px);top:calc(var(--step-index) * 52px);opacity:.35;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stair-step.completed{opacity:.65}.stair-step.active{opacity:1;transform:scale(1.02)}.stair-step.error{opacity:.4}.stair-step.active.error{opacity:1}.stair-surface{width:44px;height:44px;background:linear-gradient(180deg,#1e293b,#0f172a);border:2px solid rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px #0a0f1a,0 6px 12px #0006;transition:all .3s ease}.stair-surface:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:8px 8px 0 0}.stair-step.completed .stair-surface{background:linear-gradient(180deg,#059669,#047857);border-color:#10b98166;box-shadow:0 4px #065f46,0 6px 16px #10b98140,0 0 20px #10b98126}.stair-step.active .stair-surface{background:linear-gradient(180deg,#10b981,#059669);border-color:#34d39999;box-shadow:0 4px #047857,0 0 0 4px #10b98126,0 6px 20px #10b98159,0 0 30px #10b98133;animation:stair-glow 1.8s ease-in-out infinite}.stair-step.error .stair-surface{background:linear-gradient(180deg,#7f1d1d,#450a0a);border-color:#ef44444d;box-shadow:0 4px #450a0a,0 6px 12px #0006}.stair-step.active.error .stair-surface{background:linear-gradient(180deg,#dc2626,#991b1b);border-color:#ef444499;box-shadow:0 4px #7f1d1d,0 0 0 4px #ef444426,0 6px 20px #ef444459;animation:stair-glow-error .6s ease-in-out infinite}@keyframes stair-glow{0%,to{box-shadow:0 4px #047857,0 0 0 4px #10b98126,0 6px 20px #10b98159,0 0 30px #10b98133}50%{box-shadow:0 4px #047857,0 0 0 8px #10b9811a,0 6px 30px #10b98173,0 0 40px #10b98140}}@keyframes stair-glow-error{0%,to{box-shadow:0 4px #7f1d1d,0 0 0 4px #ef444426,0 6px 20px #ef444459}50%{box-shadow:0 4px #7f1d1d,0 0 0 8px #ef444433,0 6px 30px #ef444480}}.stair-number{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:700;color:#fff6;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.stair-step.completed .stair-number,.stair-step.active .stair-number{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stair-label{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:#94a3b8b3;white-space:nowrap;transition:all .3s ease;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.stair-step.active .stair-label{color:#34d399;font-weight:600;text-shadow:0 0 20px rgba(52,211,153,.5)}.stair-step.completed .stair-label{color:#e2e8f0}.stair-step.error .stair-label{color:#f8717199}.stair-step.active.error .stair-label{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5)}.staircase-ball{position:absolute;width:28px;height:28px;background:radial-gradient(circle at 35% 35%,#4ade80,#22c55e 40%,#16a34a 70%,#15803d);border-radius:50%;z-index:20;left:calc(var(--current-step) * 36px + 28px);top:calc(var(--current-step) * 52px + 28px);box-shadow:0 6px 16px #22c55e80,0 2px 8px #0000004d,inset 0 -6px 12px #00000040,inset 0 6px 12px #ffffff59,0 0 24px #22c55e4d;animation:ball-full-sequence 2.5s cubic-bezier(.34,1.56,.64,1);transform-origin:center bottom}@keyframes ball-full-sequence{0%{transform:translate(-20px) rotate(-180deg) scaleX(1) scaleY(1);opacity:1}15%{transform:translate(10px) rotate(90deg) scaleX(1) scaleY(1)}25%{transform:translate(20px) rotate(180deg) scaleX(1) scaleY(1)}30%{transform:translate(22px) rotate(200deg) scaleX(1) scaleY(1)}35%{transform:translate(24px) translateY(2px) rotate(220deg) scaleX(1) scaleY(1)}40%{transform:translate(0) translateY(-20px) rotate(280deg) scaleX(.95) scaleY(1.1)}50%{transform:translate(0) translateY(0) rotate(360deg) scaleX(1) scaleY(1)}52%{transform:translate(0) translateY(3px) rotate(365deg) scaleX(1.35) scaleY(.65)}55%{transform:translate(0) translateY(2px) rotate(370deg) scaleX(1.4) scaleY(.6)}62%{transform:translate(0) translateY(-6px) rotate(380deg) scaleX(.85) scaleY(1.2)}68%{transform:translate(0) translateY(-3px) rotate(390deg) scaleX(.9) scaleY(1.12)}74%{transform:translate(0) translateY(1px) rotate(395deg) scaleX(1.08) scaleY(.94)}80%{transform:translate(0) translateY(0) rotate(400deg) scaleX(.97) scaleY(1.04)}85%{transform:translate(0) translateY(0) rotate(405deg) scaleX(1.02) scaleY(.98)}90%{transform:translate(2px) rotate(410deg) scaleX(1) scaleY(1)}95%{transform:translate(4px) rotate(420deg) scaleX(1) scaleY(1)}to{transform:translate(0) rotate(360deg) scaleX(1) scaleY(1)}}.staircase-ball:after{content:"";position:absolute;bottom:-8px;left:50%;width:20px;height:6px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent 70%);transform:translate(-50%);border-radius:50%;animation:ball-shadow-pulse 2.5s ease-in-out infinite}@keyframes ball-shadow-pulse{0%,to{width:20px;opacity:.5}55%{width:28px;opacity:.7}62%{width:16px;opacity:.4}}.staircase-ball.error-bounce{background:radial-gradient(circle at 35% 35%,#fca5a5,#ef4444 40%,#dc2626 70%,#b91c1c);box-shadow:0 6px 16px #ef444480,0 2px 8px #0000004d,inset 0 -6px 12px #00000040,inset 0 6px 12px #ffffff59,0 0 24px #ef444466;animation:ball-panic-sequence 1s ease-in-out infinite}@keyframes ball-panic-sequence{0%,to{transform:translate(0) rotate(0) scaleX(1) scaleY(1)}10%{transform:translate(-4px) rotate(-8deg) scaleX(1.05) scaleY(.95)}20%{transform:translate(4px) rotate(8deg) scaleX(.95) scaleY(1.05)}30%{transform:translate(-3px) rotate(-6deg) scaleX(1.03) scaleY(.97)}40%{transform:translate(3px) rotate(6deg) scaleX(.97) scaleY(1.03)}50%{transform:translate(-2px) rotate(-4deg) scaleX(1.02) scaleY(.98)}60%{transform:translate(2px) rotate(4deg) scaleX(.98) scaleY(1.02)}70%{transform:translate(-1px) rotate(-2deg) scaleX(1.01) scaleY(.99)}80%{transform:translate(1px) rotate(2deg) scaleX(.99) scaleY(1.01)}}.staircase-status{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#34d399;text-align:center;margin:0;animation:status-fade-in .4s ease-out;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.staircase-status.error{color:#f87171;animation:status-shake .5s ease-in-out}@keyframes status-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes status-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-5px)}30%,60%,90%{transform:translate(5px)}}.playground__loading.staircase-loader.error{background:linear-gradient(145deg,#1a0505,#2d0f0f,#1f0a0a)}@media (prefers-reduced-motion: reduce){.staircase-ball{animation:none;transform:none}.staircase-ball.error-bounce,.stair-step.active .stair-surface,.staircase-status{animation:none}}@media (max-width: 768px){.playground__loading.staircase-loader{padding:32px 20px;gap:24px}.staircase-visual{width:280px;height:270px;padding:16px}.stair-step{left:calc(var(--step-index) * 28px);top:calc(var(--step-index) * 44px);gap:10px}.stair-surface{width:36px;height:36px}.stair-number{font-size:13px}.stair-label{font-size:12px}.staircase-ball{width:22px;height:22px;left:calc(var(--current-step) * 28px + 23px);top:calc(var(--current-step) * 44px + 23px)}.staircase-status{font-size:14px}}@media (max-width: 375px){.staircase-visual{width:240px;height:240px}.stair-step{left:calc(var(--step-index) * 24px);top:calc(var(--step-index) * 40px);gap:8px}.stair-surface{width:32px;height:32px}.stair-number{font-size:12px}.stair-label{font-size:11px}.staircase-ball{width:20px;height:20px;left:calc(var(--current-step) * 24px + 20px);top:calc(var(--current-step) * 40px + 20px)}}.stepper__subtext{font-size:11px;color:#999;margin-top:4px;opacity:0;transition:opacity .3s ease}.stepper__step.active .stepper__subtext{opacity:1}.glyph-loading-spinner{width:24px;height:24px;border:2px solid rgba(30,58,95,.15);border-top-color:var(--color-primary, #1E3A5F);border-radius:50%;animation:glyph-spin .7s linear infinite}.glyph-loading-spinner--large{width:40px;height:40px;border-width:3px}.glyph-loading-spinner--small{width:16px;height:16px;border-width:2px}@keyframes glyph-spin{to{transform:rotate(360deg)}}.glyph-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.glyph-loading-text{font-size:14px;font-weight:500;color:#333;animation:glyph-text-pulse 2s ease-in-out infinite}.glyph-loading-subtext{font-size:12px;color:#999}@keyframes glyph-text-pulse{0%,to{opacity:1}50%{opacity:.7}}.glyph-success-check{animation:glyph-pop-in .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes glyph-pop-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.glyph-error-shake{animation:glyph-shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes glyph-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:glyph-spin .7s linear infinite}.btn--loading:active{transform:scale(.98)}.btn--success{background:var(--color-success, #22C55E)!important;border-color:var(--color-success, #22C55E)!important}.btn--success:before{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;animation:glyph-success-flash .6s ease-out}@keyframes glyph-success-flash{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 8px #22c55e00}}.glyph-progress-bar{width:100%;height:4px;background:#1e3a5f26;border-radius:2px;overflow:hidden}.glyph-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #1E3A5F),var(--color-primary-bright, #2563EB));border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #1e3a5f66}:root{--glyph-spring-easing: cubic-bezier(.34, 1.56, .64, 1)}.staged-preview-loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.staged-preview-loader.large{width:140px;height:140px}.staged-preview-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(30,58,95,.1);border-top-color:var(--color-primary-bright, #2563EB);border-right-color:var(--color-primary, #1E3A5F);animation:staged-spin 1.2s linear infinite}.staged-preview-loader.large .staged-preview-ring{border-width:4px}.staged-preview-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(30,58,95,.1)}.staged-preview-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(30,58,95,.15);animation:staged-spin 2s linear infinite reverse}@keyframes staged-spin{to{transform:rotate(360deg)}}.staged-preview-center{display:flex;flex-direction:column;align-items:center;gap:4px}.staged-preview-percent{font-size:28px;font-weight:700;color:var(--color-primary-bright, #2563EB);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(30,58,95,.3)}.staged-preview-text{font-size:14px;color:#666;margin-top:20px;animation:stageTextFade .3s ease-out}@keyframes stageTextFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.magic-loading-staged{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.magic-staged-container{display:flex;flex-direction:column;align-items:center;gap:24px}.magic-sparkle-icon{stroke:var(--color-primary-bright, #2563EB);animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(10deg);opacity:.8}}.magic-staged-title{font-size:20px;font-weight:600;color:#1a1a1a;text-align:center;animation:fadeSlideUp .5s ease-out}.magic-staged-steps{display:flex;flex-direction:column;gap:12px;margin-top:8px}.magic-step{display:flex;align-items:center;gap:10px;color:#999;font-size:14px;transition:all .3s ease}.magic-step .step-dot{width:8px;height:8px;border-radius:50%;background:#1e3a5f26;transition:all .3s ease}.magic-step.active{color:#1a1a1a}.magic-step.active .step-dot{background:var(--color-primary-bright, #2563EB);box-shadow:0 0 8px #2563eb80;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 8px #2563eb80}50%{transform:scale(1.2);box-shadow:0 0 16px #2563ebb3}}.magic-step.completed{color:#22c55e}.magic-step.completed .step-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.ai-progress-futuristic{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.ai-progress-time{font-size:32px;font-weight:700;color:var(--color-primary-bright, #2563EB);font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(37,99,235,.3);animation:time-glow 2s ease-in-out infinite}@keyframes time-glow{0%,to{text-shadow:0 0 20px rgba(37,99,235,.3)}50%{text-shadow:0 0 40px rgba(37,99,235,.5)}}.ai-progress-message{font-size:16px;font-weight:500;color:#1a1a1a;animation:stageTextFade .3s ease-out}.ai-progress-submessage{font-size:13px;color:#666}.ai-progress-bar-container{width:240px;height:6px;background:#1e3a5f1a;border-radius:3px;overflow:hidden;margin-top:8px}.ai-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #1E3A5F),var(--color-primary-bright, #2563EB));border-radius:3px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #2563eb80;position:relative}.ai-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-slide 1.5s ease-in-out infinite}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.staged-preview-ring,.staged-preview-ring:after,.magic-sparkle-icon,.magic-step.active .step-dot,.ai-progress-time,.ai-progress-bar-fill:after{animation-duration:2s}@keyframes stageTextFade{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0}to{opacity:1}}}.glyph-progress-bar--indeterminate .glyph-progress-bar__fill{width:30%!important;animation:glyph-progress-indeterminate 1.5s ease-in-out infinite}@keyframes glyph-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.glyph-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:glyph-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes glyph-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glyph-pulse{animation:glyph-pulse-ring 1.5s ease-in-out infinite}@keyframes glyph-pulse-ring{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.glyph-fade-enter{opacity:0;transform:translateY(8px)}.glyph-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.glyph-fade-exit{opacity:1;transform:translateY(0)}.glyph-fade-exit-active{opacity:0;transform:translateY(-8px);transition:opacity .2s ease-in,transform .2s ease-in}.glyph-celebrate{animation:glyph-celebrate-glow .8s ease-out}@keyframes glyph-celebrate-glow{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 20px 10px #22c55e33}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.glyph-loading-spinner,.loading-spinner,.stepper__spinner,.glyph-progress-bar--indeterminate .glyph-progress-bar__fill{animation-duration:1.5s}.glyph-success-check,.glyph-error-shake,.glyph-celebrate,.glyph-pulse,.glyph-text-pulse{animation:none}.glyph-skeleton{animation:none;background:#e0e0e0}}.playground__loading-cancel{margin-top:20px;padding:10px 24px;min-width:100px;min-height:44px;font-size:14px;font-weight:500;color:#666;background:transparent;border:1px solid #ddd;border-radius:8px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,background-color .2s ease,border-color .2s ease}.playground__loading-cancel.visible{opacity:1;visibility:visible}.playground__loading-cancel:hover{background:#f5f5f5;border-color:#bbb}.playground__loading-cancel:active{background:#eee}.playground__loading-cancel:focus{outline:2px solid var(--color-primary);outline-offset:2px}.playground__rate-notice{margin-top:12px;padding:8px 12px;background:var(--color-primary-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:11px;color:var(--color-text-muted);text-align:center;flex-shrink:0}.playground__apply-btn{margin-top:8px;flex-shrink:0;width:100%;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.playground__apply-btn:hover:not(:disabled){background:var(--color-primary-bright)}.playground__apply-btn:active:not(:disabled){transform:scale(.97);transition:transform .1s ease}.playground__apply-btn:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.playground__apply-btn:disabled{opacity:.6;cursor:not-allowed}.playground__apply-btn.loading{position:relative;color:transparent;pointer-events:none}.playground__apply-btn.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-bright) 50%,var(--color-primary) 100%);background-size:200% 100%;animation:btn-shimmer 1.5s ease-in-out infinite;border-radius:inherit}@keyframes btn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.playground__apply-btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;z-index:1}.playground__apply-btn.success{background:var(--color-success)!important;transition:background .3s ease}.playground__apply-btn.success:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:btn-success-ring .6s ease-out}@keyframes btn-success-ring{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 10px #22c55e00}}.playground__button-row{display:flex;gap:8px;margin-top:8px}.playground__button-row .playground__apply-btn{margin-top:0;flex:1}.playground__undo-btn{flex-shrink:0;width:44px;padding:12px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.playground__undo-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.playground__undo-btn:disabled{opacity:.4;cursor:not-allowed}.playground__undo-btn svg{width:18px;height:18px}.playground__diff-btn{flex-shrink:0;width:44px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.playground__diff-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.playground__diff-btn:disabled{opacity:.4;cursor:not-allowed}.playground__diff-btn.active{background:#22c55e1a;color:#22c55e;border-color:#22c55e66}.playground__diff-btn.active:hover{background:#22c55e26;border-color:#22c55e99}.playground__diff-btn-icon{font-size:18px;font-weight:700;line-height:1}@keyframes successFlash{0%{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.playground__preview.success{animation:successFlash .5s ease-out}.playground__success-cta{display:none;margin-top:16px;padding:16px 20px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);animation:fadeInUp .4s ease-out}.playground__success-cta.visible{display:block}.playground__success-cta-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.playground__success-cta-text{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.playground__success-cta-icon{width:32px;height:32px;background:#10b98133;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.playground__success-cta-icon svg{width:18px;height:18px;color:#10b981}@keyframes checkDraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.playground__success-cta.visible .playground__success-cta-icon svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:checkDraw .4s ease-out .2s forwards}.playground__success-cta-message{font-size:14px;color:var(--color-text);line-height:1.4}.playground__success-cta-message strong{color:#10b981}.playground__success-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#10b981;color:#fff;font-size:13px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.playground__success-cta-btn:hover{background:#059669;transform:translateY(-1px)}.playground__success-cta-btn:active{transform:scale(.97) translateY(0);transition:transform .1s ease}@keyframes ctaPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.playground__success-cta.visible .playground__success-cta-btn{animation:ctaPulse 2s ease-in-out .5s 3}.playground__success-cta-btn svg{width:14px;height:14px}.playground__success-cta-dismiss{position:absolute;top:8px;right:8px;width:24px;height:24px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.playground__success-cta-dismiss:hover{opacity:1}@media (max-width: 768px){.playground__success-cta-content{flex-direction:column;align-items:stretch}.playground__success-cta-btn{justify-content:center}}@keyframes glyphChangeHighlight{0%{box-shadow:0 0 0 3px #7c3aedb3,0 0 20px #7c3aed66;background-color:#7c3aed14}50%{box-shadow:0 0 0 4px #7c3aed80,0 0 30px #7c3aed4d;background-color:#7c3aed0d}to{box-shadow:0 0 #7c3aed00,0 0 #7c3aed00;background-color:#7c3aed00}}@keyframes glyphChangeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.streaming-preview-frame{animation:streamingPulse 1.5s ease-in-out infinite}@keyframes streamingPulse{0%,to{opacity:.85}50%{opacity:.95}}.playground__save-btn{flex-shrink:0;width:44px;padding:12px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.playground__save-btn:hover:not(:disabled){background:var(--color-primary-subtle);color:var(--color-warning);border-color:var(--color-warning)}.playground__save-btn:disabled{opacity:.4;cursor:not-allowed}.playground__save-btn svg{width:18px;height:18px}.playground__save-btn.ready-to-save{animation:save-btn-pulse 2s ease-in-out 3;color:var(--color-warning);border-color:var(--color-warning)}@keyframes save-btn-pulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b4d}}.playground__save-btn.ready-to-save:after{content:"Save it!";position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;color:var(--color-warning);white-space:nowrap;animation:save-hint-fade 2s ease-in-out 3;pointer-events:none}@keyframes save-hint-fade{0%,to{opacity:0}30%,70%{opacity:1}}.playground__share-btn{flex-shrink:0;width:44px;padding:12px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.playground__share-btn:hover{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.playground__share-btn svg{width:18px;height:18px}.playground__share-btn:disabled{opacity:.4;cursor:not-allowed}[data-tooltip]{position:relative}[data-tooltip]:disabled:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:var(--color-bg-elevated, #1a1a2e);color:var(--color-text-secondary, #a0a0b8);font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:6px;border:1px solid var(--color-border, rgba(255, 255, 255, .08));pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}[data-tooltip]:disabled:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-border, rgba(255, 255, 255, .08));pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}[data-tooltip]:disabled:hover:after,[data-tooltip]:disabled:hover:before{opacity:1}.shared-customization-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:13px;font-weight:500;margin-bottom:12px}.shared-customization-banner svg{width:16px;height:16px;flex-shrink:0}.save-version-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.save-version-modal-overlay.active{opacity:1;visibility:visible}.save-version-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:400px;margin:16px;transform:scale(.95);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.save-version-modal-overlay.active .save-version-modal{transform:scale(1)}.save-version-modal__title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.save-version-modal__title svg{width:20px;height:20px;color:var(--color-warning)}.save-version-modal__description{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.save-version-modal__input{width:100%;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;margin-bottom:20px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.save-version-modal__input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.save-version-modal__input::placeholder{color:var(--color-text-subtle)}.save-version-modal__actions{display:flex;gap:12px;justify-content:flex-end}.save-version-modal__btn{padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.save-version-modal__btn--cancel{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.save-version-modal__btn--cancel:hover{background:var(--color-surface);color:var(--color-text)}.save-version-modal__btn--save{background:var(--color-warning);color:#1a1a1a;border:none}.save-version-modal__btn--save:hover{background:#fbbf24}.save-version-modal__btn--save:disabled{opacity:.5;cursor:not-allowed}.save-template-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.save-template-modal-overlay.active{opacity:1;visibility:visible}.save-template-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:440px;margin:16px;transform:scale(.95);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.save-template-modal-overlay.active .save-template-modal{transform:scale(1)}.save-template-modal__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.save-template-modal__icon{width:40px;height:40px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.save-template-modal__icon svg{width:20px;height:20px;color:var(--color-primary-bright)}.save-template-modal__title{font-size:18px;font-weight:600;color:var(--color-text)}.save-template-modal__description{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.save-template-modal__form{display:flex;flex-direction:column;gap:16px}.save-template-modal__field{display:flex;flex-direction:column;gap:6px}.save-template-modal__label{font-size:13px;font-weight:500;color:var(--color-text)}.save-template-modal__label--required:after{content:" *";color:var(--color-error)}.save-template-modal__input,.save-template-modal__select,.save-template-modal__textarea{width:100%;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.save-template-modal__input:focus-visible,.save-template-modal__select:focus-visible,.save-template-modal__textarea:focus-visible{outline:none;border-color:var(--color-primary-bright);box-shadow:0 0 0 3px var(--color-primary-subtle)}.save-template-modal__input::placeholder,.save-template-modal__textarea::placeholder{color:var(--color-text-subtle)}.save-template-modal__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.save-template-modal__textarea{min-height:80px;resize:vertical}.save-template-modal__checkbox-field{display:flex;align-items:center;gap:10px}.save-template-modal__checkbox{width:18px;height:18px;accent-color:var(--color-primary-bright);cursor:pointer}.save-template-modal__checkbox-label{font-size:14px;color:var(--color-text-muted);cursor:pointer}.save-template-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.save-template-modal__btn{padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.save-template-modal__btn--cancel{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.save-template-modal__btn--cancel:hover{background:var(--color-surface);color:var(--color-text)}.save-template-modal__btn--save{background:var(--color-primary-bright);color:#fff;border:none}.save-template-modal__btn--save:hover{background:#1d4ed8}.save-template-modal__btn--save:disabled{opacity:.5;cursor:not-allowed}.save-template-modal__btn--save .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.save-template-modal__error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:13px;display:none}.save-template-modal__error.visible{display:block}.save-template-modal__demo-notice{padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);text-align:center}.save-template-modal__demo-notice p{font-size:14px;color:var(--color-text-muted);margin-bottom:12px}.save-template-modal__demo-notice a{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-primary-bright);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;transition:background var(--transition-fast)}.save-template-modal__demo-notice a:hover{background:#1d4ed8}.save-template-btn{display:none;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.save-template-btn:hover{background:var(--color-surface);border-color:var(--color-primary-bright);color:var(--color-primary-bright)}.save-template-btn svg{width:16px;height:16px}.save-template-btn.visible{display:flex}@media (max-width: 640px){.save-template-modal{margin:12px;padding:20px}.save-template-btn{padding:8px 12px;font-size:12px}.save-template-btn span{display:none}}.copy-code-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.copy-code-modal-overlay.active{opacity:1;visibility:visible}.copy-code-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;margin:16px;transform:scale(.95);transition:transform .2s cubic-bezier(.34,1.56,.64,1);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.copy-code-modal-overlay.active .copy-code-modal{transform:scale(1)}.copy-code-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-subtle)}.copy-code-modal__header-left{display:flex;align-items:center;gap:12px}.copy-code-modal__icon{width:36px;height:36px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.copy-code-modal__icon svg{width:18px;height:18px;color:var(--color-primary-bright)}.copy-code-modal__title{font-size:16px;font-weight:600;color:var(--color-text)}.copy-code-modal__close{width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.copy-code-modal__close:hover{background:var(--color-surface);color:var(--color-text)}.copy-code-modal__close:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.copy-code-modal__close svg{width:20px;height:20px}.copy-code-modal__tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.copy-code-modal__tab{flex:1;padding:12px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;justify-content:center;gap:6px}.copy-code-modal__tab:hover{color:var(--color-text)}.copy-code-modal__tab--active{color:var(--color-primary-bright);border-bottom-color:var(--color-primary-bright)}.copy-code-modal__tab svg{width:16px;height:16px;opacity:.7}.copy-code-modal__tab--active svg{opacity:1}.copy-code-modal__content{padding:16px;overflow-y:auto;flex:1}.copy-code-modal__snippet{display:none}.copy-code-modal__snippet--active{display:block}.copy-code-modal__code-wrapper{position:relative;background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.copy-code-modal__code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.copy-code-modal__code-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.copy-code-modal__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary-subtle);color:var(--color-primary-bright);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-code-modal__copy-btn:hover{background:var(--color-primary);color:#fff}.copy-code-modal__copy-btn svg{width:14px;height:14px}.copy-code-modal__copy-btn--copied{background:#22c55e26;border-color:var(--color-success);color:var(--color-success)}.copy-code-modal__copy-btn--copied:hover{background:#22c55e40;color:var(--color-success)}.copy-code-modal__pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-text-muted);max-height:300px}.copy-code-modal__note{margin-top:12px;padding:12px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted);display:flex;align-items:flex-start;gap:8px}.copy-code-modal__note svg{width:16px;height:16px;color:var(--color-primary-bright);flex-shrink:0;margin-top:1px}.copy-code-modal__note a{color:var(--color-primary-bright);text-decoration:none}.copy-code-modal__note a:hover{text-decoration:underline}@media (max-width: 640px){.copy-code-modal{margin:12px;max-height:90vh}.copy-code-modal__header{padding:16px}.copy-code-modal__tab{padding:10px 12px;font-size:12px}.copy-code-modal__tab svg{display:none}.copy-code-modal__pre{font-size:11px;padding:12px}}.modification-success-toast__actions{display:flex;align-items:center;margin-left:auto;padding-left:12px}.modification-success-toast__code-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--color-text);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.modification-success-toast__code-btn:hover{background:#ffffff26;border-color:#ffffff4d}.modification-success-toast__code-btn svg{width:12px;height:12px}@media (max-width: 480px){.modification-success-toast__actions{margin-left:8px;padding-left:8px}.modification-success-toast__code-btn{padding:5px 8px;font-size:10px}.modification-success-toast__code-btn span{display:none}}.saved-versions{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-subtle)}.saved-versions__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.saved-versions__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);display:flex;align-items:center;gap:6px}.saved-versions__title svg{width:14px;height:14px;color:var(--color-warning)}.saved-versions__count{font-size:11px;color:var(--color-text-subtle);background:var(--color-surface);padding:2px 8px;border-radius:10px}.saved-versions__list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.saved-versions__empty{font-size:12px;color:var(--color-text-subtle);text-align:center;padding:14px;background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border-subtle)}.saved-versions__slots{display:block;margin-top:4px;font-size:11px;color:var(--color-warning);font-weight:500}.saved-versions.first-save-glow{animation:first-save-pulse 1s ease-out}@keyframes first-save-pulse{0%{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b33}to{box-shadow:0 0 #f59e0b00}}.saved-version-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.saved-version-item:hover{background:#f59e0b1a;border-color:var(--color-warning)}.saved-version-item__star{flex-shrink:0;width:16px;height:16px;color:var(--color-warning)}.saved-version-item__info{flex:1;min-width:0}.saved-version-item__name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-version-item__date{font-size:11px;color:var(--color-text-subtle)}.saved-version-item__delete{flex-shrink:0;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:0}.saved-version-item:hover .saved-version-item__delete{opacity:1}.saved-version-item__delete:hover{background:var(--color-error);color:#fff}.saved-version-item__delete svg{width:14px;height:14px}.shortcuts-bar{position:fixed;bottom:24px;right:24px;background:#111827f2;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:16px;z-index:100;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;animation:shortcutsSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes shortcutsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-bar.hidden{display:none}.shortcuts-bar__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.shortcuts-bar__items{display:flex;align-items:center;gap:12px}.shortcuts-bar__item{display:flex;align-items:center;gap:6px}.shortcuts-bar__key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:4px;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--color-text)}.shortcuts-bar__label{font-size:12px;color:var(--color-text-muted)}.shortcuts-bar__divider{width:1px;height:20px;background:var(--color-border-subtle)}.shortcuts-bar__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.shortcuts-bar__dismiss:hover{background:var(--color-surface);color:var(--color-text)}.shortcuts-bar__dismiss svg{width:14px;height:14px}@media (max-width: 768px){.shortcuts-bar{display:none}}.history-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.history-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-border-hover)}.history-toggle-btn.active{background:var(--color-primary-subtle);color:var(--color-primary-bright);border-color:var(--color-primary)}.history-toggle-btn svg{width:16px;height:16px}.history-toggle-btn__count{font-size:11px;padding:1px 6px;background:var(--color-border-subtle);border-radius:10px;font-weight:600}.history-toggle-btn.active .history-toggle-btn__count{background:var(--color-primary-bright);color:#fff}.history-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#111827fa;border-left:1px solid var(--color-border-subtle);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:1000;backdrop-filter:blur(12px)}.history-panel.open{transform:translate(0)}.history-panel__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border-subtle)}.history-panel__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--color-text)}.history-panel__title svg{width:20px;height:20px;color:var(--color-primary-bright)}.history-panel__close{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.history-panel__close:hover{background:var(--color-surface);color:var(--color-text)}.history-panel__close svg{width:18px;height:18px}.history-panel__content{flex:1;overflow-y:auto;padding:16px}.history-panel__empty{text-align:center;padding:48px 24px;color:var(--color-text-subtle)}.history-panel__empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.history-panel__empty-title{font-size:14px;font-weight:500;color:var(--color-text-muted);margin-bottom:4px}.history-panel__empty-text{font-size:13px}.history-timeline{position:relative}.history-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-border-subtle)}.history-entry{position:relative;padding:16px 16px 16px 36px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.history-entry:before{content:"";position:absolute;left:8px;top:20px;width:10px;height:10px;background:var(--color-border-subtle);border:2px solid var(--color-bg-elevated);border-radius:50%;z-index:1}.history-entry:hover{background:#2563eb14;border-color:var(--color-primary)}.history-entry:hover:before{background:var(--color-primary)}.history-entry--current{background:#2563eb1f;border-color:var(--color-primary-bright)}.history-entry--current:before{background:var(--color-primary-bright)}.history-entry--current:after{content:"Current";position:absolute;top:8px;right:8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:var(--color-primary-bright);color:#fff;border-radius:4px}.history-entry__time{font-size:11px;color:var(--color-text-subtle);font-weight:500;margin-bottom:6px}.history-entry__prompt{font-size:13px;color:var(--color-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-entry__restore{position:absolute;right:12px;bottom:12px;padding:5px 10px;font-size:11px;font-weight:500;background:var(--color-primary-bright);color:#fff;border:none;border-radius:4px;cursor:pointer;opacity:0;transform:translateY(4px);transition:all var(--transition-fast)}.history-entry:hover .history-entry__restore{opacity:1;transform:translateY(0)}.history-entry__restore:hover{background:var(--color-primary)}@media (max-width: 768px){.history-panel{width:100%}.history-toggle-btn{padding:8px}.history-toggle-btn span:first-child{display:none}}.glyph-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 20px;display:flex;align-items:center;gap:10px;z-index:10001;opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;box-shadow:0 8px 24px #0000004d}.glyph-toast.active{transform:translate(-50%) translateY(0);opacity:1}.glyph-toast--success{border-color:var(--color-success)}.glyph-toast--success .glyph-toast__icon{color:var(--color-success)}.glyph-toast--error{border-color:var(--color-error)}.glyph-toast--error .glyph-toast__icon{color:var(--color-error)}.glyph-toast--info{border-color:#6b7280}.glyph-toast--info .glyph-toast__icon{color:#6b7280}.glyph-toast--warning{border-color:#f59e0b}.glyph-toast--warning .glyph-toast__icon{color:#f59e0b}.demo-mode-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:10px 20px;display:none;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 2px 8px #00000026}.demo-mode-banner.visible{display:flex}.demo-mode-banner__text{display:flex;align-items:center;gap:8px}.demo-mode-banner__icon{width:18px;height:18px}.demo-mode-banner__retry{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.demo-mode-banner__retry:hover{background:#ffffff4d}.demo-mode-banner__dismiss{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;margin-left:8px;transition:color .2s}.demo-mode-banner__dismiss:hover{color:#fff}.preview-init-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);z-index:5;transition:opacity .4s ease-out}.preview-init-loading.hidden{opacity:0;pointer-events:none}.preview-init-loading__skeleton{width:90%;max-width:420px;padding:28px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0000001f,0 1px 3px #00000014;transform:translateY(0);animation:skeleton-float 2s ease-in-out infinite}@keyframes skeleton-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.skeleton-header__left{flex:1}.skeleton-header__right{width:80px;text-align:right}.skeleton-meta{display:flex;gap:16px;margin-bottom:20px}.skeleton-meta__item{flex:1}.skeleton-table{margin-bottom:20px}.skeleton-table__header{display:flex;gap:12px;padding:10px 0;border-bottom:2px solid #e5e7eb;margin-bottom:8px}.skeleton-table__row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.skeleton-table__cell{flex:1}.skeleton-table__cell--wide{flex:2}.skeleton-table__cell--narrow{flex:.5}.skeleton-footer{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.skeleton-line{height:12px;background:linear-gradient(90deg,#e8eaed,#f8f9fa,#e8eaed);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:4px;margin-bottom:10px}.skeleton-line:last-child{margin-bottom:0}.skeleton-line--title{height:22px;width:55%;margin-bottom:8px}.skeleton-line--subtitle{height:10px;width:70%}.skeleton-line--badge{height:28px;width:70px;border-radius:6px}.skeleton-line--label{height:8px;width:50%;margin-bottom:6px}.skeleton-line--value{height:14px;width:80%}.skeleton-line--short{width:40%}.skeleton-line--medium{width:65%}.skeleton-line--full{width:100%}.skeleton-line--total{height:16px;width:100px}.preview-init-loading__stages{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.preview-init-loading__stage{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-muted);opacity:.5;transition:opacity .3s ease,color .3s ease}.preview-init-loading__stage.active{opacity:1;color:var(--color-text)}.preview-init-loading__stage.completed{opacity:.7;color:var(--color-success)}.preview-init-loading__stage-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.preview-init-loading__stage.active .preview-init-loading__stage-icon{animation:spin .8s linear infinite}.preview-init-loading__stage.completed .preview-init-loading__stage-icon svg{color:var(--color-success)}.preview-init-loading__text{margin-top:20px;font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:10px}.preview-init-loading__spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glyph-toast__icon{width:18px;height:18px;flex-shrink:0}.glyph-toast__message{font-size:14px;color:var(--color-text)}.modification-success-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:14px 20px;display:flex;align-items:center;gap:12px;z-index:10001;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;box-shadow:0 8px 32px #22c55e40,0 4px 12px #0003;max-width:400px}.modification-success-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.modification-success-toast__icon{width:24px;height:24px;color:var(--color-success);flex-shrink:0;animation:success-checkmark .4s ease-out .1s both}@keyframes success-checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0;filter:drop-shadow(0 0 0 rgba(34,197,94,0))}50%{transform:scale(1.2) rotate(0);filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}to{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}}.modification-success-toast__content{display:flex;flex-direction:column;gap:2px}.modification-success-toast__title{font-size:14px;font-weight:600;color:var(--color-text)}.modification-success-toast__detail{font-size:12px;color:var(--color-text-muted)}@media (max-width: 480px){.modification-success-toast{bottom:16px;left:16px;right:16px;transform:translate(0) translateY(100px);max-width:none}.modification-success-toast.visible{transform:translate(0) translateY(0)}}.session-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:100px;font-size:12px;font-weight:500;color:var(--color-success);transition:all .3s ease}.session-timer svg{width:14px;height:14px;flex-shrink:0}.session-timer.warning{background:#f59e0b26;border-color:#f59e0b66;color:var(--color-warning);animation:session-timer-pulse 2s ease-in-out infinite}.session-timer.urgent{background:#ef444426;border-color:#ef444466;color:var(--color-error);animation:session-timer-urgent .8s ease-in-out infinite}@keyframes session-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes session-timer-urgent{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.sandbox-mode-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2563eb1a;border:1px solid rgba(37,99,235,.25);border-radius:100px;font-size:12px;font-weight:500;color:var(--color-primary-bright);transition:all .2s ease;white-space:nowrap}.sandbox-mode-badge:hover{background:#2563eb26;border-color:#2563eb66}.sandbox-mode-badge__icon{width:14px;height:14px;flex-shrink:0}.sandbox-mode-badge__text{display:flex;align-items:center;gap:6px}.sandbox-mode-badge__divider{width:1px;height:12px;background:#2563eb4d}.sandbox-mode-badge__cta{color:var(--color-primary-bright);text-decoration:none;font-weight:600;transition:color .2s}.sandbox-mode-badge__cta:hover{color:#60a5fa;text-decoration:underline}@media (max-width: 480px){.sandbox-mode-badge__text span:first-child,.sandbox-mode-badge__divider{display:none}.sandbox-mode-badge{padding:5px 10px;font-size:11px}}.page-loading-skeleton{position:fixed;inset:0;background:var(--color-bg);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.page-loading-skeleton.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loading-skeleton__logo{width:48px;height:48px;margin-bottom:24px;animation:page-loading-pulse 1.5s ease-in-out infinite}.page-loading-skeleton__bars{display:flex;flex-direction:column;gap:8px;width:200px}.page-loading-skeleton__bar{height:4px;background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-surface) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:2px}.page-loading-skeleton__bar:nth-child(1){width:100%}.page-loading-skeleton__bar:nth-child(2){width:80%;animation-delay:.1s}.page-loading-skeleton__bar:nth-child(3){width:60%;animation-delay:.2s}@keyframes page-loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.session-warning-toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#1f2937,#111827);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:16px 24px;display:flex;align-items:center;gap:12px;z-index:10001;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;box-shadow:0 12px 40px #0006,0 0 20px #f59e0b33;max-width:500px}.session-warning-toast.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.session-warning-toast.urgent{border-color:var(--color-error);box-shadow:0 12px 40px #0006,0 0 20px #ef44444d;animation:session-toast-shake .5s ease-in-out}@keyframes session-toast-shake{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(calc(-50% - 4px)) translateY(0)}75%{transform:translate(calc(-50% + 4px)) translateY(0)}}.session-warning-toast__icon{width:24px;height:24px;flex-shrink:0;color:var(--color-warning)}.session-warning-toast.urgent .session-warning-toast__icon{color:var(--color-error)}.session-warning-toast__content{flex:1}.session-warning-toast__title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.session-warning-toast__message{font-size:13px;color:var(--color-text-muted)}.session-warning-toast__actions{display:flex;gap:8px;margin-left:8px}.session-warning-toast__btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none}.session-warning-toast__btn--primary{background:var(--color-primary);color:#fff}.session-warning-toast__btn--primary:hover{background:var(--color-primary-bright)}.session-warning-toast__btn--secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.session-warning-toast__btn--secondary:hover{background:#ffffff0d;color:var(--color-text)}.session-warning-toast__btn--signup{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.session-warning-toast__btn--signup:hover{background:linear-gradient(135deg,#059669,#047857)}.api-error-toast{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:12px;z-index:10001;opacity:0;pointer-events:none;transform:translate(100px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;box-shadow:0 12px 40px #0006,0 0 20px #ef444426;max-width:380px;min-width:320px}.api-error-toast.visible{transform:translate(0);opacity:1;pointer-events:auto}.api-error-toast__header{display:flex;align-items:center;gap:10px}.api-error-toast__icon{width:20px;height:20px;flex-shrink:0;color:var(--color-error)}.api-error-toast__title{font-size:14px;font-weight:600;color:var(--color-text);flex:1}.api-error-toast__close{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease}.api-error-toast__close:hover{color:var(--color-text)}.api-error-toast__message{font-size:13px;color:var(--color-text-muted);line-height:1.5}.api-error-toast__actions{display:flex;gap:8px}.api-error-toast__btn{flex:1;padding:10px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none;text-align:center}.api-error-toast__btn--retry{background:var(--color-primary);color:#fff}.api-error-toast__btn--retry:hover{background:var(--color-primary-bright)}.api-error-toast__btn--dismiss{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.api-error-toast__btn--dismiss:hover{background:#ffffff0d;color:var(--color-text)}.api-error-toast__retry-status{font-size:12px;color:var(--color-primary, #6366f1);padding:4px 0;font-weight:500}.api-error-toast__fallback{border-top:1px solid var(--color-border, rgba(255,255,255,.1));margin-top:8px;padding-top:8px}.api-error-toast__fallback-label{font-size:12px;color:var(--color-text-muted, #94a3b8);display:block;margin-bottom:6px}.api-error-toast__fallback-actions{display:flex;gap:6px}.api-error-toast__fallback-btn{font-size:11px;padding:4px 10px;border-radius:4px;border:1px solid var(--color-border, rgba(255,255,255,.15));background:#ffffff0d;color:var(--color-text, #e2e8f0);cursor:pointer;transition:background .15s,border-color .15s}.api-error-toast__fallback-btn:hover{background:#ffffff1a;border-color:var(--color-primary, #6366f1)}@media (max-width: 480px){.session-timer{padding:4px 8px;font-size:11px}.session-timer span{display:inline;font-size:10px}.session-timer svg{width:12px;height:12px}.session-warning-toast{left:16px;right:16px;transform:translate(0) translateY(-100px);max-width:none;padding:12px 16px}.session-warning-toast.visible{transform:translate(0) translateY(0)}.session-warning-toast__actions{flex-direction:column;margin-left:0;margin-top:8px}.api-error-toast{left:16px;right:16px;bottom:16px;min-width:auto;max-width:none}}.delete-confirm-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.delete-confirm-modal-overlay.active{opacity:1;visibility:visible}.delete-confirm-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:360px;margin:16px;transform:scale(.95);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.delete-confirm-modal-overlay.active .delete-confirm-modal{transform:scale(1)}.delete-confirm-modal__title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}.delete-confirm-modal__message{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.delete-confirm-modal__name{font-weight:500;color:var(--color-text)}.delete-confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}.delete-confirm-modal__btn{padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.delete-confirm-modal__btn--cancel{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.delete-confirm-modal__btn--cancel:hover{background:var(--color-surface);color:var(--color-text)}.delete-confirm-modal__btn--delete{background:var(--color-error);color:#fff;border:none}.delete-confirm-modal__btn--delete:hover{background:#dc2626}.features{position:relative;padding:var(--space-section) 0;z-index:2}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px;transition:border-color var(--transition-smooth);position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-border)}.feature-card__icon{width:44px;height:44px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-primary-bright)}.feature-card__icon svg{width:22px;height:22px}.feature-card__title{font-family:var(--font-sans);font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.feature-card__description{font-size:14px;color:var(--color-text-muted);line-height:1.6}.feature-card--highlight{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--color-bg-card)}.feature-card--highlight .feature-card__content{padding-right:16px}.feature-card--highlight .feature-card__visual{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;font-family:var(--font-mono);font-size:13px;line-height:1.6}.code-line{opacity:.7}.code-line--highlight{opacity:1;color:var(--color-primary-bright)}.integration{position:relative;padding:var(--space-section) 0;z-index:2}.integration__content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.integration__text h2{font-family:var(--font-sans);font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.integration__text p{font-size:17px;color:var(--color-text-muted);line-height:1.7;margin-bottom:28px}.framework-badges{display:flex;gap:12px;flex-wrap:wrap}.framework-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-muted);transition:all var(--transition-fast)}.framework-badge:hover{border-color:var(--color-border);color:var(--color-text)}.framework-badge svg{width:20px;height:20px}.integration__code{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.code-tabs{display:flex;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.code-tab{padding:12px 20px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.code-tab:hover{color:var(--color-text)}.code-tab--active{color:var(--color-primary-bright);border-bottom-color:var(--color-primary)}.code-content{padding:20px}.code-block{display:none}.code-block--active{display:block}.code-block pre{background:var(--color-surface);padding:20px;border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.7}.code-block code{color:var(--color-text-muted)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface)}.code-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-primary-subtle);color:var(--color-primary-bright);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.code-copy-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.code-copy-btn.copied{background:#10b981;border-color:#10b981;color:#fff}.code-copy-btn svg{width:14px;height:14px}.integration__cta{margin-top:20px;padding:16px;background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.integration__cta-text{font-size:14px;color:var(--color-text)}.integration__cta-text span{color:var(--color-text-muted);font-size:13px}.integration__cta-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.integration__cta-btn:hover{background:var(--color-primary-bright);transform:translateY(-1px)}.integration__cta-btn svg{width:14px;height:14px}@media (max-width: 768px){.integration__cta{flex-direction:column;align-items:stretch;text-align:center}.integration__cta-btn{justify-content:center}}.integration-copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);z-index:10000;padding:14px 20px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.integration-copy-toast.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.integration-copy-toast__content{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--color-text)}.integration-copy-toast__icon{width:20px;height:20px;color:#10b981;flex-shrink:0}.integration-copy-toast a{color:var(--color-primary-bright);font-weight:600;text-decoration:none}.integration-copy-toast a:hover{text-decoration:underline}.code-keyword{color:#f472b6}.code-string{color:#34d399}.code-tag{color:var(--color-primary-bright)}.code-attr{color:#60a5fa}.code-comment{color:var(--color-text-subtle)}.pricing{position:relative;padding:var(--space-section) 0;z-index:2}.pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pricing__grid--5col{grid-template-columns:repeat(5,1fr);gap:16px}@media (max-width: 1200px){.pricing__grid--5col{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;transition:border-color var(--transition-smooth)}.pricing-card:hover{border-color:var(--color-border)}.pricing-card--popular{background:var(--color-bg-card);border-color:var(--color-primary);position:relative}.pricing-card--popular:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 14px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;border-radius:100px}.pricing-card__name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:8px}.pricing-card__price{font-family:var(--font-sans);font-size:40px;font-weight:600;margin-bottom:4px;letter-spacing:-.02em}.pricing-card__price span{font-size:15px;font-weight:400;color:var(--color-text-muted)}.pricing-card__description{font-size:14px;color:var(--color-text-muted);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border-subtle)}.pricing-card__features{list-style:none;flex:1;margin-bottom:24px}.pricing-card__features li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;color:var(--color-text-muted)}.pricing-card__features li svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0;margin-top:2px}.pricing-card .btn{width:100%}.pricing__growth-credit{margin-top:60px;padding:40px;background:linear-gradient(135deg,#2563eb14,#10b98114);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-lg);display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.pricing__growth-credit-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#10b98126;border-radius:100px;font-size:12px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px}.pricing__growth-credit-badge svg{width:16px;height:16px}.pricing__growth-credit-title{font-size:28px;font-weight:600;margin-bottom:12px;letter-spacing:-.02em}.pricing__growth-credit-description{font-size:16px;color:var(--color-text-muted);line-height:1.6;margin-bottom:20px}.pricing__growth-credit-features{list-style:none;margin-bottom:24px}.pricing__growth-credit-features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;color:var(--color-text-muted)}.pricing__growth-credit-features li svg{width:18px;height:18px;color:#10b981;flex-shrink:0}.pricing__growth-credit-visual{display:flex;align-items:flex-end;justify-content:center}.pricing__growth-credit-chart{display:flex;align-items:flex-end;gap:16px;height:160px;padding:20px}.pricing__growth-credit-bar{width:50px;height:var(--height, 50%);background:#2563eb4d;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease}.pricing__growth-credit-bar:hover{background:#2563eb80}.pricing__growth-credit-bar--highlight{background:linear-gradient(180deg,#10b981,#059669)}.pricing__growth-credit-bar--highlight:hover{background:linear-gradient(180deg,#34d399,#10b981)}.pricing__growth-credit-bar span{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:11px;color:var(--color-text-muted);white-space:nowrap}.btn--outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-text);padding:12px 24px;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-smooth);text-decoration:none;display:inline-block}.btn--outline:hover{background:#2563eb1a;border-color:var(--color-primary-bright)}.pricing__faq{margin-top:80px;padding-top:60px;border-top:1px solid var(--color-border-subtle)}.pricing__faq-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:40px;letter-spacing:-.02em}.pricing__faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pricing__faq-item{padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-smooth)}.pricing__faq-item:hover{border-color:var(--color-border)}.pricing__faq-item h4{font-size:15px;font-weight:600;margin-bottom:10px;color:var(--color-text)}.pricing__faq-item p{font-size:14px;color:var(--color-text-muted);line-height:1.6}.airtable{padding:var(--space-section) 0;position:relative;z-index:2}.airtable__content{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.airtable__text h2{font-family:var(--font-sans);font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.airtable__text h2 span{color:var(--color-primary-bright)}.airtable__text p{font-size:17px;color:var(--color-text-muted);line-height:1.7;margin-bottom:28px}.airtable__steps{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.airtable-step{display:flex;gap:16px;align-items:flex-start}.airtable-step__number{width:28px;height:28px;min-width:28px;background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-primary-bright)}.airtable-step__content h4{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.airtable-step__content p{font-size:14px;color:var(--color-text-muted);line-height:1.5;margin:0}.airtable__demo{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.airtable__demo-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.airtable__demo-icon{width:32px;height:32px;background:#fcbf49;border-radius:6px;display:flex;align-items:center;justify-content:center}.airtable__demo-icon svg{width:20px;height:20px;color:#000}.airtable__demo-title{font-size:14px;font-weight:500;color:var(--color-text)}.airtable__demo-badge{margin-left:auto;padding:4px 10px;background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:100px;font-size:11px;font-weight:500;color:var(--color-primary-bright)}.airtable__demo-body{padding:24px}.airtable__demo-flow{display:flex;flex-direction:column;gap:20px}.airtable__demo-input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:16px}.airtable__demo-input-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);margin-bottom:8px}.airtable__demo-input-text{font-size:14px;color:var(--color-text);line-height:1.5}.airtable__demo-arrow{display:flex;justify-content:center;color:var(--color-primary)}.airtable__demo-arrow svg{width:24px;height:24px}.airtable__demo-output{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);overflow:hidden}.airtable__demo-output-header{padding:12px 16px;background:var(--color-primary-subtle);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.airtable__demo-output-header svg{width:16px;height:16px;color:var(--color-primary-bright)}.airtable__demo-output-header span{font-size:12px;font-weight:500;color:var(--color-primary-bright)}.airtable__demo-preview{padding:20px;background:#fff;color:#1a1a1a}.airtable__demo-preview-doc{font-family:Georgia,serif}.airtable__demo-preview-doc h3{font-size:16px;color:#1e3a5f;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #1E3A5F}.airtable__demo-preview-doc .meta{display:flex;gap:24px;font-size:11px;color:#666;margin-bottom:16px}.airtable__demo-preview-doc table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:12px}.airtable__demo-preview-doc th{background:#f9fafb;padding:8px;text-align:left;border-bottom:1px solid #e5e5e5;font-weight:600}.airtable__demo-preview-doc td{padding:8px;border-bottom:1px solid #e5e5e5}.airtable__demo-preview-doc .total{text-align:right;font-size:14px;font-weight:600;color:#1e3a5f}.airtable__partner-header{text-align:center;margin-bottom:48px}.airtable__partner-logos{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.airtable__partner-logo{height:48px;width:auto}.airtable__partner-logo--airtable{height:40px}.airtable__partner-plus{font-size:28px;font-weight:300;color:var(--color-text-muted)}.airtable__headline{font-family:var(--font-sans);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--color-text);margin-bottom:12px}.airtable__tagline{font-size:18px;color:var(--color-text-muted);max-width:600px;margin:0 auto}.airtable__pain-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto 56px}.airtable__pain-point{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.airtable__pain-point--before{background:#ef44440d;border-color:#ef444433}.airtable__pain-point--after{background:#22c55e0d;border-color:#22c55e33}.airtable__pain-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.airtable__pain-label--before{color:#ef4444}.airtable__pain-label--before:before{content:"\2717"}.airtable__pain-label--after{color:#22c55e}.airtable__pain-label--after:before{content:"\2713"}.airtable__pain-point p{font-size:15px;color:var(--color-text-muted);line-height:1.6;margin:0}.airtable__cta-group{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.btn--airtable-primary{background:linear-gradient(135deg,#fcbf49,#f9a825);color:#000;border:none;font-weight:600}.btn--airtable-primary:hover{background:linear-gradient(135deg,#ffd54f,#fcbf49);transform:translateY(-2px);box-shadow:0 8px 24px #fcbf494d}.btn--airtable-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-subtle)}.btn--airtable-secondary:hover{background:var(--color-bg-card);border-color:var(--color-primary)}.btn--airtable-secondary svg{width:18px;height:18px}.airtable__social-proof{padding:20px 24px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);border-left:3px solid #FCBF49}.airtable__quote{font-size:15px;font-style:italic;color:var(--color-text);margin:0 0 8px;line-height:1.5}.airtable__cite{font-size:13px;color:var(--color-text-muted);font-style:normal}.airtable__compare-section{margin-top:32px}.airtable__compare-intro{font-size:13px;color:var(--color-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.airtable__compare-cards{display:flex;gap:12px}.airtable__compare-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;transition:all var(--transition-fast);flex:1;max-width:220px}.airtable__compare-card:hover{background:var(--color-bg-card);border-color:var(--color-primary-bright);transform:translateY(-2px)}.airtable__compare-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#2563eb26;color:var(--color-primary-bright);border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.airtable__compare-card:hover .airtable__compare-badge{background:var(--color-primary-bright);color:#fff}.airtable__compare-content{flex:1;min-width:0}.airtable__compare-name{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 2px}.airtable__compare-diff{font-size:12px;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airtable__compare-arrow{display:flex;align-items:center;color:var(--color-text-subtle);flex-shrink:0;transition:all var(--transition-fast)}.airtable__compare-card:hover .airtable__compare-arrow{color:var(--color-primary-bright);transform:translate(2px)}@media (max-width: 1024px){.airtable__content{grid-template-columns:1fr;gap:48px}.airtable__pain-points{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.airtable__partner-logos{gap:16px}.airtable__partner-logo{height:36px}.airtable__partner-logo--airtable{height:32px}.airtable__partner-plus{font-size:24px}.airtable__cta-group{flex-direction:column}.btn--airtable{width:100%;justify-content:center}.airtable__compare-cards{flex-direction:column;gap:8px}.airtable__compare-card{max-width:none}.airtable__compare-diff{white-space:normal}}@media (max-width: 768px){.airtable__demo{display:none}}.airtable__use-cases{margin-top:40px;margin-bottom:32px}.airtable__use-cases-title{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:20px;text-align:center}.airtable__use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.airtable__use-case{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.airtable__use-case:hover{border-color:var(--color-primary);background:#1e3a5f26}.airtable__use-case-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#2563eb1a}.airtable__use-case-icon svg{width:20px;height:20px;color:var(--color-primary-bright)}.airtable__use-case-text{font-size:14px;color:var(--color-text-muted)}.airtable__use-case-text strong{color:var(--color-text);font-weight:600}.airtable__stats{display:flex;justify-content:center;gap:48px;padding:24px 0;margin-bottom:32px;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.airtable__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.airtable__stat-value{font-size:24px;font-weight:700;color:var(--color-primary-bright)}.airtable__stat-label{font-size:13px;color:var(--color-text-muted)}@media (max-width: 1024px){.airtable__use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.airtable__use-cases-grid{grid-template-columns:1fr}.airtable__stats{gap:24px;flex-wrap:wrap}.airtable__stat-value{font-size:20px}}.doc-types{position:relative;padding:var(--space-section) 0;z-index:2}.doc-types__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.doc-type-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition-smooth);cursor:default}.doc-type-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px -8px #1e3a5f4d}.doc-type-card__icon{width:48px;height:48px;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--color-primary-bright)}.doc-type-card__icon svg{width:24px;height:24px}.doc-type-card__name{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.doc-type-card__description{font-size:12px;color:var(--color-text-muted);line-height:1.5}@media (max-width: 1024px){.doc-types__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.doc-types__grid{grid-template-columns:repeat(2,1fr);gap:12px}.doc-type-card{padding:20px 16px}.doc-type-card__icon{width:40px;height:40px;margin-bottom:12px}.doc-type-card__icon svg{width:20px;height:20px}.doc-type-card__name{font-size:14px}}.footer{position:relative;padding:80px 0 40px;border-top:1px solid var(--color-border-subtle);z-index:2}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer__brand{max-width:260px}.footer__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);margin-bottom:16px}.footer__logo-mark{width:32px;height:32px;flex-shrink:0}.footer__logo-text{font-family:var(--font-logo);font-size:19px;font-weight:200;font-stretch:110%;letter-spacing:.1em;text-transform:uppercase}.footer__tagline{font-size:14px;color:var(--color-text-muted);line-height:1.6}.footer__column h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);margin-bottom:16px}.footer__column ul{list-style:none}.footer__column li{margin-bottom:10px}.footer__column a{font-size:14px;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-primary)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--color-border-subtle)}.footer__copyright{font-size:13px;color:var(--color-text-subtle)}.footer__social{display:flex;gap:12px}.footer__social a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:border-color var(--transition-fast),color var(--transition-fast)}.footer__social a:hover{border-color:var(--color-primary);color:var(--color-primary)}.footer__social svg{width:16px;height:16px}@media (max-width: 1024px){.hero__content{grid-template-columns:1fr;gap:60px}.hero__demo{order:-1}.features__grid{grid-template-columns:1fr 1fr}.feature-card--highlight{grid-column:span 2}.pricing__grid,.pricing__grid--5col{grid-template-columns:repeat(2,1fr)}.pricing__grid--5col .pricing-card:last-child{grid-column:1 / -1;max-width:50%;justify-self:center}.pricing__growth-credit{grid-template-columns:1fr}.pricing__faq-grid{grid-template-columns:repeat(2,1fr)}.footer__content{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 768px){.nav__links{display:none}.hero{padding:120px 0 60px}.hero__demo{order:1}.hero__title{font-size:40px}.hero__actions{flex-direction:column}.demo-container{padding:10px}.demo-preview{aspect-ratio:8.5 / 14}.demo-preview__content{padding:12px}.features__grid{grid-template-columns:1fr}.feature-card--highlight{grid-column:span 1;grid-template-columns:1fr}.playground__body{display:flex;flex-direction:column;grid-template-columns:unset;max-height:none;min-height:auto}.playground__input-area{border-right:none;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.playground__preview-area{width:100%;min-height:400px;padding:16px;border-top:3px solid var(--color-primary);border-radius:12px 12px 0 0;background:linear-gradient(180deg,rgba(59,130,246,.06) 0%,rgba(59,130,246,.02) 25%,var(--color-bg-elevated) 100%);display:flex;flex-direction:column;margin-top:12px;box-shadow:0 -4px 16px #3b82f61a}.playground__preview-label{font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:12px;padding:10px 14px;flex-shrink:0;background:#3b82f61a;border-radius:8px;border-left:3px solid var(--color-primary)}.playground__preview{flex:1;min-height:350px;max-height:none;padding:16px;background:#374151;display:flex;align-items:center;justify-content:center}.playground__preview-frame-wrapper{width:280px;height:350px;position:relative;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0000004d;overflow:hidden}.playground__preview-frame-wrapper iframe{width:850px;height:1100px;transform:scale(.318);transform-origin:top left;border:none}.integration__content{grid-template-columns:1fr;gap:40px}.pricing__grid,.pricing__grid--5col{grid-template-columns:1fr}.pricing__grid--5col .pricing-card:last-child{max-width:100%}.pricing__growth-credit{grid-template-columns:1fr;padding:28px;gap:32px}.pricing__growth-credit-visual{order:-1}.pricing__growth-credit-chart{height:120px;padding:16px}.pricing__growth-credit-bar{width:40px}.pricing__growth-credit-title{font-size:22px}.pricing__faq{margin-top:48px;padding-top:40px}.pricing__faq-grid{grid-template-columns:1fr;gap:16px}.pricing__faq-item{padding:20px}.footer__content{grid-template-columns:1fr;gap:32px}.footer__bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width: 375px){.hero{min-height:auto;padding-top:90px;padding-bottom:40px}.hero__title{font-size:32px;line-height:1.15}.demo-preview{max-height:350px;aspect-ratio:8.5 / 9}.playground__body{display:flex;flex-direction:column;grid-template-columns:unset;max-height:none;min-height:auto;gap:0}.playground__preview-area{width:100%;min-height:400px;padding:12px;border-top:2px solid var(--color-primary);background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,transparent 30%);display:flex;flex-direction:column}.playground__preview-label{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.playground__preview{flex:1;min-height:350px;height:auto;max-height:none;padding:12px;display:flex;align-items:center;justify-content:center}.playground__preview-frame-wrapper{width:100%;max-width:280px;height:350px;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0000004d;overflow:hidden;visibility:visible!important;opacity:1!important}.playground__preview-frame-wrapper iframe{width:850px;height:1100px;transform:scale(.318);transform-origin:top left;border:none;visibility:visible!important;opacity:1!important}}.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}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small{width:20px;height:20px;border-width:2px}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:32px;max-width:420px;width:calc(100% - 48px);transform:scale(.95) translateY(20px);transition:transform var(--transition-smooth);text-align:center}.modal-overlay.visible .modal{transform:scale(1) translateY(0)}.modal__icon{width:56px;height:56px;background:var(--color-primary-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal__icon svg{width:28px;height:28px;color:var(--color-primary-bright)}.modal__title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.modal__description{font-size:15px;color:var(--color-text-muted);line-height:1.6;margin-bottom:24px}.modal__actions{display:flex;gap:12px;justify-content:center}.modal__btn{padding:12px 24px;font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:var(--font-sans)}.modal__btn--primary{background:var(--color-primary);color:#fff}.modal__btn--primary:hover{background:var(--color-primary-bright)}.modal__btn--secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.modal__btn--secondary:hover{color:var(--color-text);border-color:var(--color-text-muted)}.airtable-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:24px}.airtable-modal-overlay.visible{opacity:1;visibility:visible}.airtable-modal{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform .3s ease;display:flex;flex-direction:column}.airtable-modal-overlay.visible .airtable-modal{transform:scale(1) translateY(0)}.airtable-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.airtable-modal__header-left{display:flex;align-items:center;gap:16px}.airtable-modal__icon{width:44px;height:44px;background:linear-gradient(135deg,#fcbf49,#f77f00);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.airtable-modal__icon svg{width:24px;height:24px;color:#000}.airtable-modal__title{font-size:20px;font-weight:600;color:var(--color-text)}.airtable-modal__subtitle{font-size:13px;color:var(--color-text-muted);margin-top:2px}.airtable-modal__close{width:36px;height:36px;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.airtable-modal__close:hover{border-color:var(--color-text-muted);color:var(--color-text)}.airtable-modal__close:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.airtable-modal__close svg{width:18px;height:18px}.airtable-progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 28px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}.airtable-progress__step{display:flex;align-items:center;gap:8px}.airtable-progress__number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--color-surface);color:var(--color-text-subtle);border:1px solid var(--color-border-subtle);transition:all .3s ease}.airtable-progress__step.active .airtable-progress__number{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}.airtable-progress__step.completed .airtable-progress__number{background:var(--color-success);color:#fff;border-color:var(--color-success)}.airtable-progress__label{font-size:13px;color:var(--color-text-subtle);font-weight:500;transition:color .3s ease}.airtable-progress__step.active .airtable-progress__label{color:var(--color-text)}.airtable-progress__step.completed .airtable-progress__label{color:var(--color-success)}.airtable-progress__connector{width:40px;height:2px;background:var(--color-border-subtle);margin:0 8px;transition:background .3s ease}.airtable-progress__connector.completed{background:var(--color-success)}.airtable-modal__body{padding:32px 28px;overflow-y:auto;flex:1}.airtable-step-content{display:none;animation:fadeIn .3s ease}.airtable-step-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.airtable-step__title{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:8px}.airtable-step__description{font-size:15px;color:var(--color-text-muted);margin-bottom:28px;line-height:1.6}.airtable-input-group{margin-bottom:24px}.airtable-input-label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:8px}.airtable-input{width:100%;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.airtable-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.airtable-input::placeholder{color:var(--color-text-subtle)}.airtable-input-hint{font-size:12px;color:var(--color-text-subtle);margin-top:8px;display:flex;align-items:center;gap:6px}.airtable-input-hint a{color:var(--color-primary-bright);text-decoration:none}.airtable-input-hint a:hover{text-decoration:underline}.airtable-trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.airtable-trust-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted);font-weight:500}.airtable-trust-badge svg{color:var(--color-primary-bright);flex-shrink:0}.airtable-input-error a{color:inherit;text-decoration:underline}.airtable-input-error a:hover{color:var(--color-primary-bright)}.airtable-select{width:100%;padding:14px 44px 14px 16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23A1A1AA'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.airtable-select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.airtable-select:disabled{opacity:.5;cursor:not-allowed}.airtable-select option{background:var(--color-bg-card);color:var(--color-text)}.airtable-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.airtable-fields__title{width:100%;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:8px}.airtable-field-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary-subtle);border:1px solid var(--color-border);border-radius:100px;font-size:12px;color:var(--color-text-muted)}.airtable-field-badge svg{width:12px;height:12px;color:var(--color-primary-bright)}.airtable-textarea{width:100%;min-height:140px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.airtable-textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.airtable-textarea::placeholder{color:var(--color-text-subtle)}.airtable-styles{display:flex;gap:12px;margin-top:20px}.airtable-style-btn{flex:1;padding:12px;background:var(--color-surface);border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.airtable-style-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.airtable-style-btn:hover .airtable-style-preview{border-color:var(--color-text-muted)}.airtable-style-btn.selected{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary-bright)}.airtable-style-btn.selected .airtable-style-preview{border-color:var(--color-primary)}.airtable-style-preview{width:100%;aspect-ratio:8.5 / 11;max-height:140px;background:#fff;border-radius:4px;border:1px solid var(--color-border-subtle);overflow:hidden;transition:border-color var(--transition-fast)}.airtable-style-preview svg{width:100%;height:100%}.airtable-style-btn__label{font-weight:600;margin-top:4px}.airtable-style-btn__desc{font-size:11px;color:var(--color-text-subtle);line-height:1.3}.airtable-style-btn.selected .airtable-style-btn__desc{color:var(--color-primary)}.airtable-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:450px}@media (max-width: 768px){.airtable-preview-container{grid-template-columns:1fr}}.airtable-preview-left{display:flex;flex-direction:column;gap:16px}.airtable-preview-frame-wrapper{flex:1;background:#fff;border-radius:var(--radius-md);overflow:hidden;position:relative;min-height:400px;border:1px solid var(--color-border-subtle)}.airtable-preview-frame{width:100%;height:100%;min-height:400px;border:none}.airtable-preview-loading{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.airtable-preview-loading.visible{opacity:1;visibility:visible}.airtable-preview-loading__text{font-size:14px;color:#666}.airtable-preview-loading__subtext{font-size:12px;color:#999}.airtable-ai-typing{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--color-primary)}.airtable-ai-typing__dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:aiTypingDot 1.4s infinite}.airtable-ai-typing__dot:nth-child(2){animation-delay:.2s}.airtable-ai-typing__dot:nth-child(3){animation-delay:.4s}@keyframes aiTypingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.airtable-refine{display:flex;gap:12px}.airtable-refine-input{flex:1;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.airtable-refine-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.airtable-refine-input::placeholder{color:var(--color-text-subtle)}.airtable-refine-btn{padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.airtable-refine-btn:hover:not(:disabled){background:var(--color-primary-bright)}.airtable-refine-btn:disabled{opacity:.5;cursor:not-allowed}.airtable-preview-right{display:flex;flex-direction:column;gap:20px}.airtable-info-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:20px}.airtable-info-card__title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.airtable-info-card__title svg{width:16px;height:16px;color:var(--color-primary-bright)}.airtable-data-preview{font-size:12px;color:var(--color-text-muted);line-height:1.5}.airtable-data-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border-subtle)}.airtable-data-row:last-child{border-bottom:none}.airtable-data-label{color:var(--color-text-subtle)}.airtable-data-value{font-weight:500;color:var(--color-text)}.airtable-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.airtable-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.airtable-btn--primary{background:var(--color-primary);color:#fff}.airtable-btn--primary:hover:not(:disabled){background:var(--color-primary-bright)}.airtable-btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-subtle)}.airtable-btn--secondary:hover:not(:disabled){border-color:var(--color-text-muted)}.airtable-btn:disabled{opacity:.5;cursor:not-allowed}.airtable-btn svg{width:18px;height:18px}.airtable-btn.loading{position:relative;color:transparent}.airtable-btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.airtable-batch-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.airtable-batch-description{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}.airtable-batch-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.airtable-batch-select-row{display:flex;align-items:center;gap:12px}.airtable-batch-select-row label{font-size:13px;color:var(--color-text-muted);min-width:60px}.airtable-batch-select,.airtable-batch-input{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg);color:var(--color-text)}.airtable-batch-select:focus-visible,.airtable-batch-input:focus-visible{outline:none;border-color:var(--color-primary)}.airtable-batch-count{font-size:13px;color:var(--color-text-muted);text-align:center;padding:8px;background:var(--color-bg);border-radius:6px}.airtable-batch-count span{font-weight:600;color:var(--color-primary-bright)}.airtable-btn--batch{width:100%;background:linear-gradient(135deg,var(--color-primary),#8B5CF6);color:#fff;font-weight:600}.airtable-btn--batch:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-bright),#A78BFA)}.airtable-batch-progress{margin-top:16px}.airtable-progress-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.airtable-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#8B5CF6);border-radius:4px;transition:width .3s ease}.airtable-progress-text{font-size:12px;color:var(--color-text-muted);text-align:center;margin-top:8px}.airtable-progress-text span{font-weight:600;color:var(--color-text)}.airtable-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.airtable-modal__footer-left{display:flex;align-items:center;gap:12px}.airtable-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.airtable-back-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.airtable-back-btn svg{width:16px;height:16px}.airtable-next-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.airtable-next-btn:hover:not(:disabled){background:var(--color-primary-bright)}.airtable-next-btn:disabled{opacity:.5;cursor:not-allowed}.airtable-next-btn svg{width:16px;height:16px}.airtable-next-btn.loading{position:relative;color:transparent}.airtable-next-btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.airtable-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-bg-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.airtable-skeleton--field{height:32px;width:100px;display:inline-block;margin:4px}.airtable-success-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.airtable-success-icon{width:80px;height:80px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:successPop .5s ease}.airtable-success-icon svg{width:40px;height:40px;color:#fff}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.airtable-success-title{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:8px}.airtable-success-message{font-size:15px;color:var(--color-text-muted);margin-bottom:32px}.airtable-toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0000004d;opacity:0;transition:all .3s ease;z-index:1000}.airtable-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.airtable-toast svg{width:20px;height:20px;flex-shrink:0}.airtable-toast--success svg{color:var(--color-success)}.airtable-toast--info svg{color:var(--color-primary)}.airtable-toast--error svg{color:#f87171}.airtable-toast--warning svg{color:var(--color-warning)}.airtable-toast span{font-size:14px;color:var(--color-text)}.airtable-input-error{display:none;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;font-size:13px;color:#f87171}.airtable-input-error.visible{display:flex}.airtable-input-error svg{width:14px;height:14px;flex-shrink:0}.airtable-demo-badge{display:none;align-items:center;gap:6px;padding:4px 10px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:20px;font-size:11px;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.airtable-demo-badge.visible{display:flex}.airtable-demo-badge svg{width:12px;height:12px}.airtable-error-toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%) translateY(10px);background:var(--color-bg-card);border:1px solid rgba(248,113,113,.3);border-radius:12px;padding:16px;min-width:320px;max-width:400px;opacity:0;transition:all .3s ease;z-index:1000;box-shadow:0 8px 32px #0000004d}.airtable-error-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.airtable-error-toast__message{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.airtable-error-toast__message svg{width:20px;height:20px;color:#f87171;flex-shrink:0;margin-top:2px}.airtable-error-toast__message span{font-size:14px;color:var(--color-text);line-height:1.5}.airtable-error-toast__actions{display:flex;gap:8px;justify-content:flex-end}.airtable-error-toast__btn{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.airtable-error-toast__btn--secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.airtable-error-toast__btn--secondary:hover{background:var(--color-bg-secondary);color:var(--color-text)}.airtable-error-toast__btn--primary{background:var(--color-primary);color:#fff}.airtable-error-toast__btn--primary:hover{background:var(--color-primary-hover)}.validation-toast{position:fixed;bottom:24px;right:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;min-width:320px;max-width:400px;box-shadow:0 8px 32px #0000004d;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:1001}.validation-toast.visible{opacity:1;transform:translateY(0)}.validation-toast__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.validation-toast__icon{width:20px;height:20px;flex-shrink:0}.validation-toast__icon--warning{color:var(--color-warning)}.validation-toast__icon--success{color:var(--color-success)}.validation-toast--success{border-color:#22c55e4d;background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(34,197,94,.05) 100%)}.validation-toast--success .validation-toast__header{margin-bottom:0}.validation-toast--info{border-color:#3b82f64d;background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(59,130,246,.05) 100%)}.validation-toast--info .validation-toast__content{display:flex;align-items:center;gap:12px}.validation-toast--info .validation-toast__icon{color:#3b82f6cc}.validation-toast--info .validation-toast__text{display:flex;flex-direction:column;gap:4px}.validation-toast--info .validation-toast__title{font-size:14px;font-weight:600;color:var(--color-text)}.validation-toast--info .validation-toast__message{font-size:13px;color:var(--color-text-muted)}.validation-toast__title{font-size:14px;font-weight:600;color:var(--color-text)}.validation-toast__close{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background var(--transition-fast)}.validation-toast__close:hover{background:#ffffff1a}.validation-toast__issues{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.validation-toast__issue{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text-muted)}.validation-toast__issue:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}.validation-toast__issue--critical:before{background:var(--color-error)}.validation-toast__issue--warning:before{background:var(--color-warning)}.validation-toast__actions{display:flex;gap:8px}.validation-toast__btn{flex:1;padding:8px 12px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.validation-toast__btn--primary{background:var(--color-primary);color:#fff;border:none}.validation-toast__btn--primary:hover{background:var(--color-primary-bright)}.validation-toast__btn--secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.validation-toast__btn--secondary:hover{border-color:var(--color-text-muted)}.btn--airtable{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#fcbf49,#f77f00);color:#000;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn--airtable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fcbf4966}.btn--airtable svg{width:20px;height:20px}@media (max-width: 768px){.airtable-modal{max-height:100vh;border-radius:0}.airtable-modal__header{padding:16px 20px}.airtable-modal__body{padding:20px}.airtable-progress{padding:16px 20px;flex-wrap:wrap;gap:16px}.airtable-progress__connector,.airtable-progress__label{display:none}.airtable-styles{flex-direction:row;flex-wrap:wrap}.airtable-style-btn{flex:1 1 calc(33% - 8px);min-width:90px;padding:8px}.airtable-style-preview{max-height:100px}.airtable-style-btn__desc{display:none}.airtable-modal__footer{padding:16px 20px;flex-direction:column;gap:12px}.airtable-modal__footer-left{width:100%}.airtable-back-btn{flex:1;justify-content:center}.airtable-next-btn{width:100%;justify-content:center}.airtable-preview-right{padding:0}.airtable-info-card{padding:16px}.airtable-actions{gap:10px;padding:0 4px}.airtable-btn{min-height:48px;padding:14px 20px;font-size:15px;font-weight:600;border-radius:12px;gap:10px}.airtable-btn svg{width:20px;height:20px;flex-shrink:0}.airtable-btn--primary{box-shadow:0 4px 12px #1e3a5f4d}.airtable-btn--secondary{border-width:1.5px}.airtable-batch-section{margin-top:16px;padding-top:16px}.airtable-batch-select-row{flex-direction:column;align-items:stretch;gap:6px}.airtable-batch-select-row label{min-width:auto}.airtable-batch-select,.airtable-batch-input{padding:12px;font-size:16px}.airtable-btn--batch{min-height:52px;font-size:16px}}.nav__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:8px;transition:border-color var(--transition-fast)}.nav__hamburger:hover{border-color:var(--color-text-muted)}.nav__hamburger span{display:block;width:100%;height:2px;background:var(--color-text);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__hamburger.active span:nth-child(2){opacity:0}.nav__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav__mobile-menu{position:fixed;top:70px;left:0;right:0;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);padding:24px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--transition-smooth),opacity var(--transition-smooth),visibility var(--transition-smooth);z-index:99}.nav__mobile-menu.visible{transform:translateY(0);opacity:1;visibility:visible}.nav__mobile-links{list-style:none;display:flex;flex-direction:column;gap:8px}.nav__mobile-links a{display:block;padding:12px 16px;color:var(--color-text-muted);text-decoration:none;font-size:16px;font-weight:500;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.nav__mobile-links a:hover{background:var(--color-surface);color:var(--color-text)}.nav__mobile-cta{display:block;width:100%;margin-top:16px;padding:14px 24px;background:var(--color-primary);color:#fff;text-align:center;text-decoration:none;font-size:15px;font-weight:500;border-radius:var(--radius-md);transition:background var(--transition-fast)}.nav__mobile-cta:hover{background:var(--color-primary-bright)}@media (max-width: 768px){.nav__hamburger{display:flex}.nav__cta{display:none}}.command-palette-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1002;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.command-palette-overlay.visible{opacity:1;visibility:visible}.command-palette{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:420px;overflow:hidden;transform:scale(.96) translateY(-10px);transition:transform .15s ease;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.command-palette-overlay.visible .command-palette{transform:scale(1) translateY(0)}.command-palette__search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.command-palette__search-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}.command-palette__input{flex:1;background:transparent;border:none;outline:none;font-size:16px;font-family:var(--font-sans);color:var(--color-text)}.command-palette__input::placeholder{color:var(--color-text-subtle)}.command-palette__input:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}.command-palette__hint{font-size:12px;color:var(--color-text-subtle);padding:2px 8px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);flex-shrink:0}.command-palette__results{flex:1;overflow-y:auto;padding:8px}.command-palette__empty{padding:32px 16px;text-align:center;color:var(--color-text-muted);font-size:14px}.command-palette__category{padding:8px 12px 4px;font-size:11px;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em}.command-palette__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease}.command-palette__item:hover,.command-palette__item--selected{background:var(--color-bg-elevated)}.command-palette__item--selected{background:var(--color-primary-subtle)}.command-palette__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.command-palette__item-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.command-palette__item-name{flex:1;font-size:14px;color:var(--color-text)}.command-palette__item-shortcut{font-size:12px;color:var(--color-text-subtle);font-family:var(--font-mono)}.command-palette__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);font-size:12px;color:var(--color-text-subtle)}.command-palette__footer-keys{display:flex;align-items:center;gap:16px}.command-palette__footer-key{display:flex;align-items:center;gap:4px}.command-palette__footer-key kbd{padding:2px 6px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:4px;font-family:var(--font-mono);font-size:11px}@media (max-width: 640px){.command-palette-overlay{padding:10vh 16px 0}.command-palette{max-height:60vh}.command-palette__footer{display:none}}.shortcuts-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:1;transition:opacity .15s ease}.shortcuts-overlay.hidden{opacity:0;pointer-events:none}.shortcuts-modal{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-width:400px;width:90%;padding:24px;box-shadow:0 25px 50px -12px #00000080;transform:scale(1);transition:transform .15s ease}.shortcuts-overlay.hidden .shortcuts-modal{transform:scale(.96)}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shortcuts-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.shortcuts-close{background:none;border:none;color:var(--color-text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.shortcuts-close:hover{color:var(--color-text)}.shortcuts-section{margin-bottom:16px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-subtle);margin:0 0 8px;font-weight:600}.shortcut-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--color-text-muted)}.shortcut-row kbd{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:12px;color:var(--color-text);min-width:24px;text-align:center}.shortcut-row span{margin-left:auto;color:var(--color-text-muted)}@media (max-width: 640px){.shortcuts-modal{max-width:none;margin:0 16px}}.nav__keyboard-hint{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono)}.nav__keyboard-hint:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-muted)}.nav__keyboard-hint svg{width:14px;height:14px}@media (max-width: 768px){.nav__keyboard-hint{display:none}}.input-hint{display:block;font-size:12px;line-height:1.4;color:#8b8fa3;margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease;pointer-events:none}.input-hint--visible{opacity:1;max-height:40px}.char-counter{display:block;font-size:12px;line-height:1.4;color:#8b8fa3;text-align:right;margin-top:4px;opacity:0;transition:opacity .2s ease}.char-counter--visible{opacity:1}.char-counter--warning{color:#f0a030}.char-counter--limit{color:#ef4444}.comparison{padding:var(--space-section) 0;position:relative;z-index:1}.comparison__header{text-align:center;margin-bottom:48px}.comparison__title{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:12px;letter-spacing:-.025em}.comparison__subtitle{font-size:1.125rem;color:var(--color-text-muted)}.comparison__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated)}.comparison__table{width:100%;border-collapse:collapse;text-align:center;font-size:.9375rem;min-width:600px}.comparison__table thead{background:#1e3a5f26}.comparison__table th{padding:16px 20px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.comparison__table td{padding:14px 20px;border-bottom:1px solid rgba(30,41,59,.5);color:var(--color-text)}.comparison__table tbody tr:last-child td{border-bottom:none}.comparison__table tbody tr:hover{background:#1e3a5f14}.comparison__feature-col{text-align:left!important}.comparison__table td:first-child{text-align:left;font-weight:500;color:var(--color-text)}.comparison__glyph-col{background:#2563eb0f;position:relative}.comparison__table thead .comparison__glyph-col{color:var(--color-primary-bright);font-size:.8125rem;font-weight:700}.comparison__check{color:var(--color-success);font-size:1.125rem;font-weight:700}.comparison__cross{color:var(--color-text-subtle);font-size:1rem;opacity:.5}.comparison__limited{color:var(--color-warning);font-size:.8125rem;font-weight:500}@media (max-width: 768px){.comparison__title{font-size:1.75rem}.comparison__subtitle{font-size:1rem}.comparison__header{margin-bottom:32px}.comparison__table th,.comparison__table td{padding:12px 10px}.comparison__table th{font-size:.6875rem;letter-spacing:.03em}.comparison__table{min-width:540px}}.playground__undo-btn:focus-visible,.playground__diff-btn:focus-visible,.playground__save-btn:focus-visible,.playground__share-btn:focus-visible,.playground__zoom-toggle:focus-visible,.history-toggle-btn:focus-visible,.save-template-btn:focus-visible,.playground__voice-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.playground__rate-limit{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;color:var(--color-text-muted, #888);border-radius:6px;margin-top:4px;transition:color .2s,background .2s}.playground__rate-limit--warning{color:#b8860b;background:#b8860b14}.playground__rate-limit--error{color:#c0392b;background:#c0392b14}.playground__rate-limit-link{color:var(--color-primary, #6366f1);text-decoration:underline;font-weight:500}.demo-table-header span:nth-child(n+2),.demo-table-row span:nth-child(n+2){text-align:right}.code-line--comment{margin-top:12px;color:var(--color-text-subtle)}.code-line--addition{color:var(--color-success)}.code-line--addition+.code-line--addition{margin-top:0}.code-line--comment+.code-line--addition{margin-top:8px}.airtable-info-card--spaced{margin-top:24px}.airtable-token-steps{margin:0;padding-left:16px;line-height:1.8}.modal__icon--success{background:#22c55e26}.modal__icon--success svg{color:#22c55e}.modal__description--compact{margin-top:-12px;font-size:13px}.editing-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#2563eb26,#7c3aed26);border:1px solid rgba(124,58,237,.3);color:#f8fafc;font-size:14px;border-radius:8px;margin-bottom:16px;animation:editing-banner-appear .3s ease-out}@keyframes editing-banner-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editing-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a78bfa}.editing-banner__text{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.editing-banner__text strong{font-weight:600;color:#e0e7ff}.editing-banner__source{display:inline-flex;align-items:center;padding:2px 8px;background:#22c55e33;color:#86efac;border-radius:4px;font-size:12px;font-weight:500}.editing-banner__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s ease,background .15s ease}.editing-banner__close:hover{color:#f8fafc;background:#ffffff1a}@media (max-width: 480px){.editing-banner{padding:8px 12px;font-size:13px;gap:8px}.editing-banner__text{gap:4px}.editing-banner__source{font-size:11px;padding:2px 6px}}.playground__loading.kinetic-loader{background:#fff!important;padding:60px 40px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.kinetic-container{position:relative;width:200px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.kinetic-word{display:flex;gap:4px;font-size:48px;font-weight:700;font-family:"Archivo",var(--font-sans);color:#1e3a5f;letter-spacing:.05em}.kinetic-char{display:inline-block;animation:kinetic-bounce 1.8s ease-in-out infinite;text-shadow:0 2px 10px rgba(30,58,95,.15)}.kinetic-char:nth-child(1){animation-delay:0s}.kinetic-char:nth-child(2){animation-delay:.1s}.kinetic-char:nth-child(3){animation-delay:.2s}.kinetic-char:nth-child(4){animation-delay:.3s}.kinetic-char:nth-child(5){animation-delay:.4s}@keyframes kinetic-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-12px) scale(1.1);opacity:.8}}.kinetic-orbit{position:absolute;width:8px;height:8px;background:#1e3a5f;border-radius:50%;opacity:.6}.orbit-1{top:20px;left:50%;margin-left:-60px;animation:orbit-1 3s linear infinite}.orbit-2{top:20px;left:50%;margin-left:52px;animation:orbit-2 3s linear infinite}.orbit-3{top:80px;left:50%;margin-left:-4px;animation:orbit-3 2.5s ease-in-out infinite}@keyframes orbit-1{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes orbit-2{0%{transform:rotate(180deg) translate(60px) rotate(-180deg)}to{transform:rotate(540deg) translate(60px) rotate(-540deg)}}@keyframes orbit-3{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.3);opacity:1}}.kinetic-dots{display:flex;gap:12px;margin-top:24px}.kinetic-dot{width:10px;height:10px;background:#e2e8f0;border-radius:50%;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.playground__loading.kinetic-loader[data-step="0"] .kinetic-dot:nth-child(1),.playground__loading.kinetic-loader[data-step="1"] .kinetic-dot:nth-child(-n+2),.playground__loading.kinetic-loader[data-step="2"] .kinetic-dot:nth-child(-n+3),.playground__loading.kinetic-loader[data-step="3"] .kinetic-dot:nth-child(-n+4),.playground__loading.kinetic-loader[data-step="4"] .kinetic-dot:nth-child(-n+5){background:#1e3a5f;transform:scale(1.3);box-shadow:0 2px 8px #1e3a5f4d}.kinetic-status{margin-top:32px;font-size:15px;font-weight:500;color:#1e3a5f;font-family:var(--font-sans);letter-spacing:-.01em;display:flex;align-items:center;gap:4px}.kinetic-cursor{display:inline-block;animation:cursor-blink 1s step-end infinite;color:#1e3a5f;font-weight:300}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.playground__loading.kinetic-loader.loading .kinetic-char{animation-duration:1.2s}.playground__loading.kinetic-loader.complete .kinetic-word{animation:kinetic-success .6s ease}.playground__loading.kinetic-loader.complete .kinetic-char{color:#22c55e;animation:none}.playground__loading.kinetic-loader.complete .kinetic-dot{background:#22c55e;animation:kinetic-dot-success .5s ease}@keyframes kinetic-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes kinetic-dot-success{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1.3)}}.playground__loading.kinetic-loader.error .kinetic-word{animation:kinetic-shake .5s ease}.playground__loading.kinetic-loader.error .kinetic-char{color:#dc2626;animation:none}.playground__loading.kinetic-loader.error .kinetic-dot{background:#dc2626}@keyframes kinetic-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.loading-document-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;opacity:.25;pointer-events:none}.loading-document-skeleton>*{width:100%;max-width:340px}.loading-doc-header{margin-bottom:20px}.loading-doc-line{height:10px;background:linear-gradient(90deg,silver,#d8d8d8,silver);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:4px;margin-bottom:8px}.loading-doc-line--title{width:60%;height:14px}.loading-doc-line--subtitle{width:40%;height:10px}.loading-doc-meta{display:flex;gap:16px;margin-bottom:24px}.loading-doc-meta-item{flex:1;height:32px;background:linear-gradient(90deg,silver,#d8d8d8,silver);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:4px}.loading-doc-meta-item:nth-child(2){animation-delay:.2s}.loading-doc-meta-item:nth-child(3){animation-delay:.4s}.loading-doc-table{margin-bottom:20px}.loading-doc-row{display:flex;gap:12px;margin-bottom:8px}.loading-doc-row--header{margin-bottom:12px}.loading-doc-cell{height:16px;background:linear-gradient(90deg,silver,#d8d8d8,silver);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:3px;flex:1}.loading-doc-cell--wide{flex:2}.loading-doc-cell--narrow{flex:.5}.loading-doc-row--header .loading-doc-cell{height:12px;opacity:.7}.loading-doc-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.loading-doc-line--total{width:35%;height:14px;margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.loading-document-skeleton .loading-doc-line,.loading-document-skeleton .loading-doc-meta-item,.loading-document-skeleton .loading-doc-cell{animation:none}}@media (max-width: 640px){.loading-document-skeleton{padding:24px;opacity:.1}.loading-document-skeleton>*{max-width:280px}.loading-doc-meta{flex-direction:column;gap:8px}.loading-doc-meta-item{height:24px}}.playground__loading.glyph-loader.error .glyph-doc-page{border-color:#dc2626;animation:shake .5s ease}.playground__loading.glyph-loader.error .glyph-progress-ring-fill{stroke:#dc2626}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.glyph-status{margin-top:32px;font-size:15px;font-weight:500;color:#1e3a5f;font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em;opacity:1;transition:all .3s ease}.glyph-status.error{color:#dc2626}@media (max-width: 640px){.playground__loading.glyph-loader{padding:40px 24px;min-height:280px}.glyph-loader-container,.glyph-progress-ring{width:100px;height:100px}.glyph-doc{width:40px;height:50px}.glyph-doc-lines{padding:10px 6px;gap:5px}.glyph-doc-line{height:2px}.glyph-status{font-size:14px;margin-top:24px}}