@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--brand-blue:#4285F4;--brand-yellow:#FBBC05;--brand-green:#34A853;--canvas:#F7F7F4;--surface:#FFFFFF;--surface-2:#F1F2EE;--dark:#101416;--dark-2:#1A2024;--ink:#0C0E10;--ink-2:#3D464F;--muted:#59636D;--on-dark:#F2F4F3;--on-dark-muted:#A7B0B8;--line:#E1E5E3;--line-strong:#C9CFCC;--blue:#1A5FD0;--blue-hover:#154FB0;--blue-press:#10408F;--blue-soft:#EEF3FC;--green:#1E7A45;--green-soft:#E8F5EC;--yellow-soft:#FFF6D6;--warn:#8A5A00;--red:#B42318;--red-soft:#FDECEA;--focus:0 0 0 3px rgba(26,95,208,.35);--font:"Instrument Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fs-hero:clamp(2.35rem,1.3rem + 4.4vw,4.5rem);--fs-h2:clamp(1.9rem,1.2rem + 2.6vw,3.1rem);--fs-h3:clamp(1.35rem,1.1rem + .9vw,1.85rem);--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--fs-label:.72rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--gutter:clamp(16px,4vw,32px);--max:1240px;--r-card:12px;--r-input:10px;--r-pill:999px;--shadow-float:0 12px 32px rgba(12,14,16,.12),0 2px 6px rgba(12,14,16,.06);--ease:cubic-bezier(.2,.7,.2,1);--t:180ms}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.55;overflow-wrap:anywhere}canvas,iframe,img,svg,video{max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--blue-hover)}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}.sr-only{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip,.sr-only{position:absolute}.skip{left:-9999px;top:8px;z-index:100;background:var(--surface);padding:8px 16px;border-radius:var(--r-pill)}.skip:focus{left:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.eyebrow{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}.lead{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--ink-2);line-height:1.6}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.stack>*+*{margin-top:var(--s4)}.stack-sm>*+*{margin-top:var(--s2)}.row,.row-between{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}.grid-auto{display:grid;grid-gap:var(--s4);gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.grid-2{display:grid;grid-gap:var(--s6);gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--r-pill);border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t);white-space:nowrap;line-height:1.2}.btn svg{width:18px;height:18px;flex:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-hover);color:#fff}.btn-primary:active{background:var(--blue-press)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover{border-color:var(--ink);color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#262B30;color:#fff}.btn-text{background:none;color:var(--blue);padding:8px 10px;min-height:40px}.btn-text:hover{background:var(--blue-soft)}.btn-danger{background:var(--surface);color:var(--red);border-color:#F1B7B1}.btn-danger:hover{background:var(--red-soft);color:var(--red)}.btn-sm{min-height:36px;padding:6px 14px;font-size:.875rem}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-on-dark{background:#fff;color:var(--ink)}.btn-on-dark:hover{background:#E8EBE9;color:var(--ink)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.label{font-weight:600;font-size:var(--fs-sm)}.hint{font-size:var(--fs-xs);color:var(--muted)}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--surface);transition:border-color var(--t),box-shadow var(--t)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus)}.input[aria-invalid=true]{border-color:var(--red)}.textarea{min-height:88px;resize:vertical}.error-text{color:var(--red)}.check,.error-text{font-size:var(--fs-sm)}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);flex:none}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600;font-size:var(--fs-sm);margin-bottom:8px;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(16px,3vw,24px);min-width:0}.card-tight{padding:var(--s4)}.card h2,.card h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge svg{width:13px;height:13px}.badge-success{background:var(--green-soft);color:var(--green)}.badge-warn{background:var(--yellow-soft);color:var(--warn)}.badge-danger{background:var(--red-soft);color:var(--red)}.badge-info{background:var(--blue-soft);color:var(--blue)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);font-size:var(--fs-sm)}.alert svg{width:20px;height:20px;flex:none;margin-top:1px}.alert-info{background:var(--blue-soft);border-color:#C9D9F5}.alert-success{background:var(--green-soft);border-color:#BFE3CB}.alert-warn{background:var(--yellow-soft);border-color:#F3DC8C}.alert-danger{background:var(--red-soft);border-color:#F1B7B1}.alert-info svg{color:var(--blue)}.alert-success svg{color:var(--green)}.alert-warn svg{color:var(--warn)}.alert-danger svg{color:var(--red)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap;background:#FBFBF9}.table td,.table th{padding:12px 16px;border-bottom:1px solid var(--line)}.table td{vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table .actions,.table .num{text-align:right;white-space:nowrap}.cell-file{display:flex;gap:10px;align-items:center;min-width:180px}.cell-file svg{width:18px;height:18px;flex:none;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs a{padding:10px 14px;color:var(--muted);text-decoration:none;font-weight:600;font-size:var(--fs-sm);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{color:var(--ink);border-color:var(--blue)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:var(--fs-sm)}.crumbs,.crumbs a{color:var(--muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--blue);text-decoration:underline}.crumbs svg{width:14px;height:14px}.stepper{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));counter-reset:step}.stepper li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--r-input);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-sm);font-weight:600}.stepper .n{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:var(--fs-xs);flex:none}.stepper .n svg{width:15px;height:15px}.stepper li[data-state=done] .n{background:var(--green-soft);color:var(--green)}.stepper li[data-state=current]{border-color:var(--blue)}.stepper li[data-state=current] .n{background:var(--blue);color:#fff}.stepper a{color:inherit;text-decoration:none}.empty{text-align:center;padding:clamp(24px,5vw,48px) 16px;flex-direction:column;gap:10px}.empty,.empty .ico{display:flex;align-items:center}.empty .ico{width:52px;height:52px;border-radius:50%;background:var(--surface-2);justify-content:center;color:var(--muted)}.empty .ico svg{width:24px;height:24px}.empty p{max-width:46ch;color:var(--muted)}.metric{display:flex;flex-direction:column;gap:4px}.metric .v{font-size:1.9rem;font-weight:500;letter-spacing:-.02em;line-height:1.1}.metric .k{font-size:var(--fs-sm);color:var(--muted);display:flex;gap:6px;align-items:center}.metric .k svg{width:16px;height:16px}.code{background:var(--dark);color:#E6EAE8;border-radius:var(--r-card);padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto;white-space:pre}.code,.code-wrap{position:relative}.code-wrap .copy{position:absolute;top:8px;right:8px}details.disclose>summary{cursor:pointer;font-weight:600;font-size:var(--fs-sm);list-style:none;display:flex;align-items:center;gap:6px;padding:6px 0}details.disclose>summary::-webkit-details-marker{display:none}details.disclose>summary svg{width:16px;height:16px;transition:transform var(--t)}details.disclose[open]>summary svg{transform:rotate(90deg)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:var(--r-pill);font-size:var(--fs-sm);box-shadow:var(--shadow-float);z-index:60;max-width:calc(100% - 32px)}.progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue);border-radius:inherit}.progress[data-level=warn]>span{background:var(--brand-yellow)}hr.rule{border:0;border-top:1px solid var(--line);margin:var(--s6) 0}.mk-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(247,247,244,.92);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid transparent}.mk-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.mk-header .logo img{display:block;width:150px;height:auto}.mk-nav{display:flex;gap:4px;align-items:center}.mk-nav a{color:var(--ink-2);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 12px;border-radius:var(--r-pill)}.mk-nav a:hover,.mk-nav a[aria-current=page]{color:var(--ink);background:var(--surface-2)}.mk-actions{display:flex;gap:8px;align-items:center}.menu-btn{display:none;background:none;border:1px solid var(--line-strong);border-radius:var(--r-pill);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}.menu-btn svg{width:22px;height:22px}.mobile-menu{display:none}@media (max-width:960px){.mk-actions .hide-sm,.mk-nav{display:none}.menu-btn{display:inline-flex}.mobile-menu[data-open=true]{display:block;border-top:1px solid var(--line);background:var(--canvas);padding:12px var(--gutter) 20px}.mobile-menu a{display:block;padding:12px 4px;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}.mobile-menu .row{margin-top:16px}}.section{padding:clamp(56px,8vw,104px) 0}.section-tight{padding:clamp(40px,6vw,72px) 0}.section-head{max-width:760px;display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,48px)}.section-head h2{font-size:var(--fs-h2)}.hero{padding:clamp(40px,7vw,88px) 0 clamp(48px,7vw,96px)}.hero-grid{display:grid;grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:center}.hero h1{font-size:var(--fs-hero);line-height:1.02;letter-spacing:-.035em;font-weight:500}.hero .lead{margin-top:20px;max-width:34em}.hero .row{margin-top:28px}.demo-frame{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 1px 0 rgba(12,14,16,.03);min-width:0}@media (max-width:600px){.demo-frame{padding:4px;border-radius:12px}.demo-frame .chrome{padding:4px 4px 8px}}.demo-frame .chrome{display:flex;gap:6px;align-items:center;padding:4px 6px 10px}.demo-frame .chrome span{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.demo-frame .chrome .url{flex:1 1;width:auto;height:auto;border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--fs-xs);color:var(--muted);padding:4px 12px;margin-left:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.proof{display:grid;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.proof>div{background:var(--surface);padding:20px;display:flex;gap:12px;align-items:flex-start}.proof svg{width:22px;height:22px;flex:none;color:var(--blue);margin-top:2px}.proof strong{display:block;font-weight:600}.feature{display:grid;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));align-items:center}.feature+.feature{margin-top:clamp(56px,8vw,96px)}.feature h3{font-size:var(--fs-h3);margin:10px 0 14px}.feature ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-gap:10px;gap:10px}.feature li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2)}.feature li svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:3px}@media (min-width:900px){.feature.flip>:first-child{order:2}}.steps{counter-reset:s;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));list-style:none;padding:0;margin:0}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:8px}.steps li:before{counter-increment:s;content:"0" counter(s);font-size:var(--fs-label);letter-spacing:.12em;font-weight:700;color:var(--blue)}.steps h3{font-size:1.1rem;font-weight:600}.price-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:stretch}.price{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:16px}.price.featured{border-color:var(--ink)}.price .amt{font-size:3rem;font-weight:500;letter-spacing:-.03em;line-height:1}.price .amt small{font-size:1rem;color:var(--muted);font-weight:400;letter-spacing:0}.price ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px;font-size:var(--fs-sm)}.price li{display:flex;gap:8px;align-items:flex-start}.price li svg{width:17px;height:17px;color:var(--green);flex:none;margin-top:2px}.price .btn{margin-top:auto}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-size:1.1rem;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:20px;height:20px;flex:none;transition:transform var(--t)}.faq details[open] summary svg{transform:rotate(45deg)}.faq .ans{padding:0 0 20px;color:var(--ink-2);max-width:70ch}.cta-band{background:var(--dark);color:var(--on-dark);border-radius:16px;padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.cta-band h2{font-size:var(--fs-h2);color:#fff;max-width:18ch}.cta-band p{color:var(--on-dark-muted);margin-top:10px}.photo{border-radius:var(--r-card);overflow:hidden;background:var(--surface-2)}.photo img{display:block;width:100%;height:auto}.page-head{padding:clamp(40px,6vw,72px) 0 clamp(24px,4vw,40px)}.page-head h1{font-size:var(--fs-h2);margin-top:12px;max-width:20ch}.page-head .lead{margin-top:16px;max-width:42em}.prose{max-width:72ch;color:var(--ink-2)}.prose h2{font-size:1.6rem;color:var(--ink);margin:40px 0 12px}.prose h3{font-size:1.2rem;color:var(--ink);margin:28px 0 8px;font-weight:600}.prose ol,.prose p,.prose ul{margin:0 0 14px}.prose code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.88em}.docs-layout{display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1fr)}@media (min-width:960px){.docs-layout{grid-template-columns:220px minmax(0,1fr)}.docs-nav{position:-webkit-sticky;position:sticky;top:88px;align-self:start}}.docs-nav a{display:block;padding:6px 0;color:var(--muted);text-decoration:none;font-size:var(--fs-sm)}.docs-nav a:hover{color:var(--blue)}.site-footer{background:var(--dark);color:var(--on-dark-muted);margin-top:clamp(56px,8vw,104px);padding:56px 0 28px;font-size:var(--fs-sm)}.site-footer .cols{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.site-footer h2{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:600;margin-bottom:12px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.site-footer a{color:var(--on-dark-muted);text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .legal{margin-top:40px;padding-top:20px;border-top:1px solid #2a3136;text-align:center;display:grid;grid-gap:8px;gap:8px}.site-footer .brandcol img{width:150px;height:auto;display:block;margin-bottom:14px}.footer-slim{margin-top:48px;padding:24px 0 20px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-card{width:100%;max-width:440px}.auth-card h1{font-size:1.8rem}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .logo{padding:6px 8px}.sidebar .logo img{width:136px;height:auto;display:block}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group .eyebrow{padding:8px 10px 4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-weight:500;font-size:var(--fs-sm)}.nav-link svg{width:18px;height:18px;flex:none;color:var(--muted)}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link[aria-current=page]{background:var(--blue-soft);color:var(--blue)}.nav-link[aria-current=page] svg{color:var(--blue)}.site-switch{width:100%}.topbar{justify-content:space-between;gap:12px;padding:12px var(--gutter);border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:30;min-height:60px}.topbar,.topbar .ctx{display:flex;align-items:center}.topbar .ctx{gap:10px;min-width:0;font-size:var(--fs-sm)}.main{padding:clamp(20px,3vw,32px) var(--gutter) 48px;max-width:1180px;width:100%}.page-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}.page-title h1{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem)}.page-title p{color:var(--muted);margin-top:6px;max-width:60ch}.app-mobile-toggle{display:none}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86%);z-index:50;transform:translateX(-100%);transition:transform var(--t) var(--ease);box-shadow:var(--shadow-float)}.sidebar[data-open=true]{transform:none}.app-mobile-toggle{display:inline-flex}.scrim{position:fixed;inset:0;background:rgba(12,14,16,.35);z-index:45}}.split{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr)}@media (min-width:1100px){.split{grid-template-columns:minmax(0,1fr) 360px}.inspector{position:-webkit-sticky;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto}}.preview-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:3px;background:var(--surface)}.seg a,.seg button{border:0;background:none;padding:6px 12px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.seg a svg,.seg button svg{width:16px;height:16px}.seg [aria-current=page],.seg [aria-pressed=true]{background:var(--ink);color:#fff}.preview-stage{background:repeating-linear-gradient(45deg,#F1F2EE 0 10px,#F5F6F2 10px 20px);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;display:flex;justify-content:center}.preview-stage iframe{width:100%;border:0;background:transparent;display:block}.preview-stage[data-device=mobile] .device{width:375px;max-width:100%}.device{width:100%;background:#fff;border-radius:10px;padding:12px}.chart{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:8px;border-bottom:1px solid var(--line)}.chart .bar{flex:1 1;min-width:2px;background:var(--blue);border-radius:3px 3px 0 0;position:relative}.chart .bar:hover{background:var(--blue-hover)}.hbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 12px;gap:4px 12px;align-items:center;font-size:var(--fs-sm)}.hbar .track{grid-column:1/-1;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.hbar .track span{display:block;height:100%;background:var(--blue)}.kv{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);grid-gap:8px 20px;gap:8px 20px;font-size:var(--fs-sm)}.kv dt{color:var(--muted)}.kv dd,.tree{margin:0}.tree{list-style:none;padding:0;font-size:var(--fs-sm)}.tree li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}.tree li:last-child{border-bottom:0}.tree svg{width:17px;height:17px;flex:none;color:var(--muted)}.swatch{width:44px;height:44px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--r-input);background:#fff;cursor:pointer}.layout-pick{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.layout-pick label{border:1px solid var(--line-strong);border-radius:var(--r-input);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}.layout-pick input{position:absolute;opacity:0;pointer-events:none}.layout-pick label:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--blue-soft)}.layout-pick label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.layout-pick label.disabled{opacity:.5;cursor:not-allowed}