:root{color-scheme:light dark;--bg: oklch(1 0 0);--surface: oklch(.978 .003 60);--surface-raised: oklch(1 0 0);--ink: oklch(.22 .012 60);--ink-muted: oklch(.5 .012 60);--border: oklch(.9 .006 60);--border-strong: oklch(.82 .008 60);--primary: oklch(.52 .135 58);--primary-hover: oklch(.47 .135 58);--primary-ink: oklch(1 0 0);--primary-tint: oklch(.965 .028 70);--primary-tint-ink: oklch(.4 .1 58);--success: oklch(.52 .13 150);--success-tint: oklch(.96 .03 150);--critical: oklch(.55 .17 27);--critical-tint: oklch(.96 .03 27);--ring: oklch(.52 .135 58 / .55);--shadow-1: 0 1px 2px oklch(.22 .012 60 / .06);--shadow-2: 0 4px 16px oklch(.22 .012 60 / .1);--shadow-rail: 0 -8px 24px oklch(.22 .012 60 / .08);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .22s;--z-sticky: 20;--z-savebar: 40;--z-popover: 60}@media(prefers-color-scheme:dark){:root{--bg: oklch(.19 .006 60);--surface: oklch(.23 .006 60);--surface-raised: oklch(.25 .006 60);--ink: oklch(.95 .004 60);--ink-muted: oklch(.72 .01 60);--border: oklch(.32 .008 60);--border-strong: oklch(.42 .01 60);--primary: oklch(.72 .13 60);--primary-hover: oklch(.78 .13 60);--primary-ink: oklch(.19 .006 60);--primary-tint: oklch(.3 .045 60);--primary-tint-ink: oklch(.88 .08 65);--success: oklch(.7 .14 150);--success-tint: oklch(.29 .05 150);--critical: oklch(.7 .16 27);--critical-tint: oklch(.3 .06 27);--ring: oklch(.72 .13 60 / .6);--shadow-1: 0 1px 2px oklch(0 0 0 / .4);--shadow-2: 0 4px 16px oklch(0 0 0 / .45);--shadow-rail: 0 -8px 24px oklch(0 0 0 / .45)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.page{max-width:1180px;margin:0 auto;padding:var(--s5) var(--s5) 96px}.page--narrow{max-width:780px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6)}.page-head__text{min-width:0}.page-title{font-size:1.375rem;font-weight:600;letter-spacing:-.015em;text-wrap:balance}.page-sub{color:var(--ink-muted);margin-top:var(--s1);max-width:62ch;text-wrap:pretty}.backlink{display:inline-flex;align-items:center;gap:var(--s1);color:var(--ink-muted);text-decoration:none;font-size:.8125rem;margin-bottom:var(--s2);transition:color var(--dur-fast) var(--ease)}.backlink:hover{color:var(--ink)}.stack{display:flex;flex-direction:column;gap:var(--s3)}.stack--tight{gap:var(--s2)}.stack--loose{gap:var(--s5)}.row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.section{padding-block:var(--s5);border-top:1px solid var(--border)}.section:first-of-type{border-top:0;padding-top:0}.section__head{margin-bottom:var(--s4)}.section__title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.section__hint{color:var(--ink-muted);font-size:.8125rem;margin-top:var(--s1);max-width:60ch;text-wrap:pretty}.editor{display:grid;grid-template-columns:minmax(380px,1fr) 420px;gap:var(--s7);align-items:start}.editor__rail{position:sticky;top:var(--s5)}@media(max-width:1000px){.editor{grid-template-columns:1fr;gap:var(--s5)}.editor__rail{position:static;order:-1}}.eyebrow-num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.small{font-size:.8125rem}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8125rem}.btn{--btn-bg: var(--surface-raised);--btn-ink: var(--ink);--btn-border: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-ink);font-size:.8125rem;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-1);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--primary{--btn-bg: var(--primary);--btn-ink: var(--primary-ink);--btn-border: transparent}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;box-shadow:none;color:var(--ink-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.btn--danger{--btn-ink: var(--critical);--btn-border: var(--border-strong)}.btn--danger:hover:not(:disabled){background:var(--critical-tint);border-color:var(--critical)}.btn--lg{min-height:38px;padding:0 var(--s4);font-size:.875rem}.btn--icon{min-width:32px;padding:0}.btn__spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .62s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:var(--s1)}.field__label{font-size:.8125rem;font-weight:500}.field__hint{color:var(--ink-muted);font-size:.75rem;text-wrap:pretty}.input,.textarea,.select{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--ink-muted)}.input:hover,.textarea:hover,.select:hover{border-color:var(--ink-muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.textarea{min-height:78px;resize:vertical;line-height:1.55}.select{appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input--sm{min-height:30px}.input[type=number]{max-width:140px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s3)}.toggle{display:flex;align-items:flex-start;gap:var(--s3);cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;flex:none;width:34px;height:20px;margin-top:1px;border-radius:999px;background:var(--border-strong);transition:background var(--dur) var(--ease)}.toggle__track:after{content:"";position:absolute;inset:2px auto 2px 2px;width:16px;border-radius:50%;background:var(--surface-raised);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease)}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle input:checked+.toggle__track:after{transform:translate(14px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--primary);outline-offset:2px}.toggle__text{min-width:0}.toggle__label{font-size:.8125rem;font-weight:500}.segmented{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:2px}.segmented__option{border:0;border-radius:4px;background:transparent;color:var(--ink-muted);padding:4px 10px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.segmented__option[aria-pressed=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-1)}.blocks{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);overflow:hidden}.block-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--border);transition:background var(--dur-fast) var(--ease)}.block-row:first-child{border-top:0}.block-row:hover{background:var(--surface)}.block-row__glyph{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary-tint-ink)}.block-row__name{font-weight:500;color:var(--ink);text-decoration:none}.block-row__name:hover{text-decoration:underline}.block-row__meta{color:var(--ink-muted);font-size:.8125rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-row__actions{display:flex;align-items:center;gap:var(--s1)}.block-row__secondary{display:flex;align-items:center;gap:var(--s1);opacity:0;transition:opacity var(--dur) var(--ease)}.block-row:hover .block-row__secondary,.block-row:focus-within .block-row__secondary{opacity:1}@media(hover:none){.block-row__secondary{opacity:1}}.block-row--off .block-row__glyph{background:var(--surface);color:var(--ink-muted)}.block-row--off .block-row__name{color:var(--ink-muted)}@media(max-width:820px){.block-row{grid-template-columns:auto minmax(0,1fr)}.block-row__actions{grid-column:1 / -1;justify-content:flex-end}}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--surface);color:var(--ink-muted);border:1px solid var(--border)}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill--live{background:var(--success-tint);color:var(--success);border-color:transparent}.item-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.item-card__head{display:flex;align-items:center;gap:var(--s2)}.item-card__title{font-size:.8125rem;font-weight:600;color:var(--ink-muted);letter-spacing:.01em}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4)}.type-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}.type-card__name{font-size:.9375rem;font-weight:600}.type-card__desc{color:var(--ink-muted);font-size:.8125rem;text-wrap:pretty}.type-card__sketch{height:96px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);padding:var(--s3);display:flex;flex-direction:column;gap:6px;justify-content:center;overflow:hidden}.sketch-line{height:6px;border-radius:3px;background:var(--border-strong)}.sketch-line--accent{background:var(--primary);opacity:.75}.sketch-star{color:var(--primary);font-size:.75rem;letter-spacing:1px}.notice{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);margin-bottom:var(--s5)}.notice--critical{background:var(--critical-tint);border-color:color-mix(in oklch,var(--critical) 40%,transparent)}.notice__title{font-weight:600;margin-bottom:2px}.empty{text-align:center;padding:var(--s7) var(--s5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.empty__title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.empty__body{color:var(--ink-muted);max-width:46ch;margin:var(--s2) auto var(--s4);text-wrap:pretty}.steps{display:flex;flex-direction:column;gap:var(--s4);counter-reset:step;list-style:none;padding:0;margin:0}.step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s3);align-items:start}.step__marker{counter-increment:step;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.step__marker:before{content:counter(step)}.step--done .step__marker{background:var(--success);border-color:transparent;color:var(--bg)}.step--done .step__marker:before{content:"✓"}.step__title{font-weight:600}.step__body{color:var(--ink-muted);margin-top:2px;text-wrap:pretty}.table{width:100%;border-collapse:collapse;font-size:.8125rem}.table th{text-align:left;font-weight:500;color:var(--ink-muted);padding:var(--s2) var(--s3);border-bottom:1px solid var(--border)}.table td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:0}.savebar{position:fixed;left:50%;bottom:var(--s5);transform:translate(-50%);z-index:var(--z-savebar);display:flex;align-items:center;gap:var(--s4);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-2);animation:savebar-in var(--dur-slow) var(--ease)}@keyframes savebar-in{0%{opacity:0;transform:translate(-50%,12px)}}.savebar__text{font-size:.8125rem;font-weight:500}.preview{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-raised)}.preview__bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);background:var(--surface);font-size:.75rem;color:var(--ink-muted)}.preview__dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.preview__stage{--co-ink: #1a1a1a;--co-muted: #6b6b6b;--co-border: #e3e3e3;--co-bg: #ffffff;--co-summary: #f5f5f5;padding:var(--s4);background:var(--co-bg);color:var(--co-ink);font-size:13px;line-height:1.45;min-height:220px}.preview__stage--summary{background:var(--co-summary)}.preview__chrome{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;opacity:.55}.preview__chrome-line{height:30px;border:1px solid var(--co-border);border-radius:6px;background:var(--co-bg)}.preview__chrome-line--short{width:55%}.preview__slot{animation:preview-in .16s var(--ease)}@keyframes preview-in{0%{opacity:0}}.preview__footer{margin-top:14px;height:38px;border-radius:6px;background:#1a1a1a;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:500;opacity:.9}.co-banner{display:flex;gap:10px;padding:12px;border-radius:8px;background:#fff6ed;border:1px solid #f0d5b8}.co-banner--info{background:#eef4ff;border-color:#c9daf8}.co-banner--success{background:#eefaf1;border-color:#bfe5cc}.co-banner--critical{background:#fdeeee;border-color:#f3c6c6}.co-banner__icon{flex:none;font-size:14px;line-height:1.3}.co-banner__title{font-weight:600;margin-bottom:2px}.co-banner__body{color:#3d3d3d;white-space:pre-wrap}.co-count{font-variant-numeric:tabular-nums;font-weight:600}.co-review{border:1px solid var(--co-border);border-radius:8px;padding:12px;background:var(--co-bg)}.co-review+.co-review{margin-top:10px}.co-review--plain{border:0;padding:0;background:transparent}.co-review--plain+.co-review--plain{margin-top:14px;padding-top:14px;border-top:1px solid var(--co-border)}.co-stars{letter-spacing:1px;font-size:12px}.co-review__author{font-weight:600;margin-bottom:2px}.co-review__title{font-weight:600}.co-review__verified{color:var(--co-muted);font-size:11px;margin:2px 0 4px}.co-review__body{color:#3d3d3d}.co-review__quote{font-style:italic;color:#2b2b2b}.co-heading{font-weight:700;font-size:15px;margin-bottom:10px}.co-trust{display:flex;gap:10px;align-items:flex-start}.co-trust+.co-trust{margin-top:12px}.co-trust__icon{flex:none;width:30px;height:30px;object-fit:contain;border-radius:4px}.co-trust__fallback{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eefaf1;color:#1d7d3e;font-size:14px}.co-trust__title{font-weight:700;font-size:12px;letter-spacing:.02em}.co-trust__desc{color:var(--co-muted);font-size:12px}.co-image{max-width:100%;height:auto;border-radius:6px}.co-image-empty{display:grid;place-items:center;height:110px;border:1px dashed var(--co-border);border-radius:8px;color:var(--co-muted);font-size:12px}.preview__empty{color:var(--co-muted);font-size:12px;text-align:center;padding:var(--s5) 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active:not(:disabled),.type-card:hover{transform:none}}.picker-current{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.picker-current__img{width:76px;height:76px;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface);flex:none}.picker-current__meta{min-width:0;display:flex;flex-direction:column;gap:var(--s2)}.picker-current__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.picker-empty{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s4);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.picker-empty:hover{border-color:var(--primary);background:var(--surface-raised)}.picker-empty__icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary-tint-ink);font-size:1.1rem}.picker{width:min(760px,92vw);max-height:82vh;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-2)}.picker::backdrop{background:#1f191566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.picker__head{display:flex;gap:var(--s2);align-items:center;padding:var(--s3);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.picker__head .input{flex:1}.picker__body{padding:var(--s3);overflow-y:auto;max-height:calc(82vh - 60px)}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--s2)}.picker__item{aspect-ratio:1;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.picker__item:hover{border-color:var(--primary);transform:translateY(-1px)}.picker__item img{width:100%;height:100%;object-fit:contain}.picker__skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface),var(--border),var(--surface));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.picker__empty{text-align:center;padding:var(--s7) var(--s4)}.picker__error{margin:0;padding:var(--s2) var(--s3);background:var(--critical-tint);color:var(--critical);font-size:.8125rem}.onboard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--s4)}.onboard__steps{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s2)}.onboard__step{display:flex;align-items:center;gap:var(--s3);color:var(--ink-muted)}.onboard__step--done{color:var(--ink)}.onboard__check{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-raised);font-size:.7rem;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.onboard__step--done .onboard__check{background:var(--success);border-color:transparent;color:var(--bg)}.onboard__bar{height:5px;border-radius:999px;background:var(--border);overflow:hidden}.onboard__bar span{display:block;height:100%;background:var(--primary);transition:width var(--dur-slow) var(--ease)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s3)}.quick-card{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.quick-card:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}.quick-card:disabled{opacity:.6;cursor:progress}.quick-card__name{font-weight:600}.quick-card__desc{color:var(--ink-muted);font-size:.8125rem;text-wrap:pretty}.quick-card__cta{color:var(--primary);font-size:.8125rem;font-weight:500;margin-top:auto}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s3)}.stat{display:flex;flex-direction:column;gap:2px;padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.stat__value{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__label{color:var(--ink-muted);font-size:.8125rem}.num{font-variant-numeric:tabular-nums}.ab-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s3)}.ab-variant{display:flex;flex-direction:column;gap:2px;padding:var(--s3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.ab-variant--lead{border-color:var(--success);background:var(--success-tint)}.ab-variant__name{font-size:.75rem;font-weight:600;color:var(--ink-muted)}.ab-variant__rate{font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin-bottom:var(--s5)}.tabs__tab{border:0;background:transparent;color:var(--ink-muted);padding:var(--s2) var(--s3);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs__tab:hover{color:var(--ink)}.tabs__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--primary)}