@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#17313d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel:#ffffffc7;--bg-panel-strong:#ffffffeb;--text-main:#17313d;--text-soft:#5b7282;--text-inverse:#eff8fb;--line:#17313d1f;--line-strong:#17313d2e;--brand:#c4662a;--brand-deep:#9b4d1d;--brand-soft:#c4662a1f;--mint:#1d7b73;--mint-soft:#1d7b731f;--shadow-lg:0 20px 60px #152a371f;--shadow-md:0 16px 30px #12263114;background:radial-gradient(circle at 0 0,#ffd0704d,#0000 24rem),radial-gradient(circle at 85% 10%,#3796b829,#0000 30rem),linear-gradient(#f7f2e7 0%,#f4f7fb 52%,#eef5f7 100%);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}code,pre{font-family:IBM Plex Mono,ui-monospace,monospace}.app-shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{height:100vh;color:var(--text-inverse);background:radial-gradient(circle at 0 0,#ffc47a2e,#0000 18rem),linear-gradient(#112530f7,#0c1d26f7);border-right:1px solid #ffffff14;padding:24px 20px;position:sticky;top:0;overflow-y:auto}.content-area{min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:1rem;padding:28px 32px 18px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:.9rem;display:flex}.topbar-title h1,.hero-copy h2,.panel h2,.feature-hero h2{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;line-height:1.02}.topbar-title h1{font-size:clamp(1.6rem,1.2rem + 1vw,2.3rem)}.eyebrow,.panel-label,.nav-label,.metric-label,.brand-subtitle{text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft);margin:0;font-size:.72rem}.brand{align-items:center;gap:.85rem;display:flex}.brand-name{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.brand-subtitle{color:#eff8fb9e}.brand-mark{color:#1f2c33;background:linear-gradient(135deg,#ffd281e6,#c2662ae6);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.sidebar-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.6rem;display:flex}.sidebar-nav,.nav-section,.stack,.feature-side-column,.panel-split,.feature-grid,.form-grid{gap:1rem;display:grid}.nav-section{gap:.36rem}.nav-label{color:#eff8fb94;margin-bottom:.4rem}.nav-link{color:#eff8fbd1;border-radius:14px;align-items:center;gap:.8rem;padding:.78rem .86rem;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover,.nav-link.active{color:#fffdf6;background:#ffffff14;transform:translate(3px)}.settings-card,.panel,.hero-panel,.feature-hero{border:1px solid var(--line);background:var(--bg-panel);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.settings-card{background:#ffffff0f;border-color:#ffffff14;margin-top:1.6rem;padding:1rem}.settings-card h2,.settings-card .panel-label,.settings-card .muted,.settings-card span,.settings-card code{color:var(--text-inverse)}.settings-card input{color:var(--text-inverse);background:#ffffff14;border-color:#ffffff24}.page-wrap{padding:0 32px 40px}.hero-panel,.feature-hero{padding:1.35rem 1.5rem}.hero-panel{grid-template-columns:1.5fr 1fr;gap:1.25rem;display:grid}.hero-panel.compact{grid-template-columns:1.3fr .9fr}.hero-copy{gap:.8rem;display:grid}.hero-copy h2,.feature-hero h2{font-size:clamp(2rem,1.6rem + 1.2vw,3rem)}.hero-body,.muted,.feature-card p,.metric-note{color:var(--text-soft);margin:0}.hero-actions,.button-row,.topbar-badges,.hero-meta,.feature-card-title,.form-actions,.code-head,.checkbox-row,.tab-row,.task-meta{align-items:center;gap:.75rem;display:flex}.metrics-grid,.console-grid,.feature-layout,.docs-grid{gap:1rem;display:grid}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-layout{grid-template-columns:1.4fr .95fr;align-items:start}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-column{gap:.75rem;display:grid}.feature-column-head{margin-bottom:.2rem}.feature-card{border:1px solid var(--line);background:linear-gradient(#ffffffb8,#fff9f1d1);border-radius:18px;gap:.55rem;padding:1rem;display:grid}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#c4662a42;transform:translateY(-3px)}.feature-card-title{color:var(--text-main);font-weight:700}.feature-endpoint,.status-pill code,.hero-meta code,.task-meta code,.panel code{color:#294350;background:#17313d0f;border-radius:999px;align-items:center;padding:.22rem .55rem;display:inline-flex}.panel,.metric-card{padding:1.15rem 1.2rem}.metric-card{border:1px solid var(--line);background:linear-gradient(#ffffffd6,#f4f7fbd6);border-radius:18px}.metric-value{color:var(--brand-deep);margin:.2rem 0;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.panel-heading{justify-content:space-between;align-items:start;gap:.9rem;margin-bottom:1rem;display:flex}.panel h2{font-size:1.35rem}.panel-icon{color:var(--brand)}.flat-list{gap:.55rem;margin:0;padding-left:1.1rem;display:grid}.flat-list.compact{gap:.38rem}.field{gap:.45rem;display:grid}.field span{font-size:.95rem;font-weight:600}.field-wide{grid-column:span 2}.field input,.field textarea,.field select{border:1px solid var(--line-strong);width:100%;color:var(--text-main);background:#ffffffeb;border-radius:14px;outline:none;padding:.82rem .95rem}.field textarea{resize:vertical;min-height:6rem}.field-help,.file-note{color:var(--text-soft);margin:0;font-size:.85rem}.required-mark{color:var(--brand-deep)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.button,.icon-button,.tab-button{cursor:pointer;border:0}.button{border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.86rem 1.1rem;font-weight:700;display:inline-flex}.button.primary{color:#fff8f1;background:linear-gradient(135deg,#d57439,#b14f1a)}.button.secondary{color:var(--text-main);background:#17313d0f}.button.secondary.danger{color:#8d3030;background:#ab33331f}.button[disabled],.icon-button[disabled]{opacity:.6;cursor:not-allowed}.icon-button{width:36px;height:36px;color:var(--text-main);background:#17313d0f;border-radius:12px;place-items:center;display:inline-grid}.topbar-menu,.sidebar-close{display:none}.status-pill,.chip,.tab-button{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:.5rem .8rem;font-size:.86rem}.chip{color:var(--brand-deep);background:var(--brand-soft);border-color:#c4662a2e}.chip.subtle{color:var(--mint);background:var(--mint-soft);border-color:#1d7b7329}.callout{border:1px solid #0000;border-radius:16px;align-items:center;gap:.65rem;padding:.9rem 1rem;display:flex}.callout.error{color:#8b2d2d;background:#ba464614;border-color:#ba464629}.code-block{color:#e6f1f6;background:#122630;border:1px solid #11253014;border-radius:16px;overflow:hidden}.code-head{color:#e6f1f6bd;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:.72rem .86rem}.code-block pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem;font-size:.86rem;line-height:1.55;overflow-x:auto}.tab-row{flex-wrap:wrap}.tab-button.active{color:#fff8f1;background:linear-gradient(135deg,#d57439,#b14f1a)}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-row input{width:18px;height:18px}.file-picker input[type=file]{padding:.5rem}.task-meta{justify-content:space-between;margin-top:.8rem}.wrap{flex-wrap:wrap}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.console-grid,.feature-layout,.hero-panel,.feature-grid,.docs-grid{grid-template-columns:1fr}}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:40;width:min(88vw,320px);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.sidebar-open{transform:translate(0)}.topbar{padding:20px 20px 14px}.page-wrap{padding:0 20px 28px}.topbar-menu,.sidebar-close{display:inline-grid}.topbar-badges{display:none}}@media (width<=720px){.form-grid,.metrics-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.hero-actions,.button-row{flex-wrap:wrap}}