@layer components{.surface{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-surface);box-shadow:var(--lift-1)}.eyebrow{font-family:var(--font-sans-stack);font-size:var(--text-micro);font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}.lit{font-family:var(--font-mono-stack);font-size:var(--text-ui);color:var(--ink-2);font-variant-ligatures:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--edge);background:var(--card);font:600 14px/1 var(--font-sans);white-space:nowrap;color:var(--ink);box-shadow:var(--lift-1);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .2s ease}.btn:hover{border-color:color-mix(in srgb,var(--ink-3) 70%,var(--edge))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn);border-color:transparent;color:var(--bink);box-shadow:inset 0 -2px 0 rgb(0 0 0/.12),0 6px 16px -10px color-mix(in srgb,var(--a) 70%,transparent)}.btn-primary:hover{border-color:transparent;background:color-mix(in srgb,var(--btn) 88%,#fff)}:root[data-theme=light] .btn-primary:hover{background:color-mix(in srgb,var(--btn) 88%,#000)}.btn-sm{height:30px;padding:0 10px;gap:6px;border-radius:8px;font-size:13px}.btn-xs{height:auto;font-weight:500;line-height:1.4;border-radius:var(--r-token);padding:.05rem .35rem;font-size:var(--text-micro);gap:.25rem}.btn-danger{color:var(--ink-2)}.btn-danger:hover{border-color:var(--bad);color:var(--bad);background:transparent}.pick{display:inline-flex;align-items:center;gap:5px;min-height:26px;border-radius:var(--r-pill);border:1px solid var(--rule);background:var(--card-2);padding:3px 10px;font:500 12.5px/1.35 var(--font-sans);color:var(--ink-2);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.pick:hover{border-color:var(--edge);color:var(--ink)}.pick[aria-checked=true],.pick[aria-expanded=true],.pick[aria-pressed=true]{border-color:color-mix(in srgb,var(--a) 50%,transparent);background:color-mix(in srgb,var(--a) 16%,transparent);color:var(--at)}.pick:disabled{opacity:.5;cursor:not-allowed}.picks{flex-wrap:wrap;gap:.375rem}.picks,.seg{display:flex}.seg{gap:2px;border-radius:12px;border:1px solid var(--rule);background:var(--bg-2);padding:4px}.seg,.seg-item{align-items:center}.seg-item{display:inline-flex;gap:6px;min-height:30px;border:1px solid transparent;border-radius:8px;padding:0 12px;font:500 13.5px/1.2 var(--font-sans);color:var(--ink-3);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.seg-item:hover{color:var(--ink)}.seg-item[aria-checked=true],.seg-item[aria-current=page],.seg-item[aria-selected=true]{background:var(--card-2);border-color:var(--edge);color:var(--ink);box-shadow:var(--lift-1)}.seg-sm{padding:3px}.seg-sm .seg-item{min-height:26px;padding:0 8px;font-size:12.5px}.act{font-family:var(--font-sans-stack);font-size:var(--text-meta);font-weight:500;color:var(--primary);transition:color .13s ease}.act:hover{text-decoration:underline;text-underline-offset:2px}.act-quiet{color:var(--ink-3)}.act-quiet:hover{color:var(--bad);text-decoration:none}.note{border-radius:var(--r-control);border:1px solid var(--rule);padding:.45rem .75rem}.note-good{border-color:color-mix(in srgb,var(--good) 50%,transparent);background:color-mix(in srgb,var(--good) 5%,transparent)}.note-warn{border-color:color-mix(in srgb,var(--warn) 50%,transparent);background:color-mix(in srgb,var(--warn) 5%,transparent)}.note-bad{border-color:color-mix(in srgb,var(--bad) 50%,transparent);background:color-mix(in srgb,var(--bad) 5%,transparent)}.badge{display:inline-flex;flex-shrink:0;align-items:center;gap:.3rem;border-radius:var(--r-pill);border:1px solid var(--rule);padding:.05rem .5rem .05rem .4rem;font-size:var(--text-micro);font-weight:500;line-height:1.35;white-space:nowrap}.badge:before,.state:before{content:"";width:.375rem;height:.375rem;flex-shrink:0;border-radius:9999px;background:currentColor}.code-block{overflow:auto;border-radius:var(--r-control);border:1px solid var(--rule);background:var(--code-bg);padding:.5rem .75rem;font-family:var(--font-mono-stack);font-variant-ligatures:none;line-height:1.6}.chip,.code-block{font-size:var(--text-meta);color:var(--ink-2)}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-pill);border:1px solid var(--rule);background:var(--card);padding:.2rem .65rem;font-family:var(--font-mono-stack);transition:border-color .13s ease,color .13s ease,background-color .13s ease}a.chip:hover{border-color:var(--primary);color:var(--ink)}.state{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-pill);padding:.05rem .5rem .05rem .4rem;font-size:var(--text-micro);font-weight:500;line-height:1.35;white-space:nowrap;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:color-mix(in srgb,currentColor 10%,transparent)}.field{width:100%;max-width:26rem;border-radius:var(--r-control);border:1px solid var(--rule);background:var(--card);padding:.2rem .5rem;font-family:var(--font-mono-stack);font-variant-ligatures:none;font-size:var(--text-micro);line-height:1.6;color:var(--ink);outline:none;transition:border-color .13s ease}.field::placeholder{color:color-mix(in srgb,var(--ink-3) 62%,transparent);opacity:1}.field:focus{border-color:var(--at)}.field:disabled{opacity:.55}button.field{cursor:pointer;text-align:left}button.field:hover{border-color:var(--ink-3);color:var(--ink)}textarea.field{max-width:none;padding-block:.3rem;resize:vertical}select.field{cursor:pointer;max-width:none;width:auto;font-family:var(--font-sans-stack);font-variant-ligatures:normal;font-weight:400;font-size:var(--text-meta)}input[type=file].field{max-width:none;padding:.3rem .5rem;color:var(--ink-2);cursor:pointer}input[type=file].field::file-selector-button{margin-right:.7rem;border:0;border-radius:var(--r-token);background:var(--rule-2);padding:.15rem .6rem;font-family:var(--font-sans-stack);font-size:var(--text-meta);font-weight:500;color:var(--ink);cursor:pointer}.field-wide{max-width:none}.field-box{position:relative;width:100%;max-width:26rem}.field-box>.field{max-width:none;padding-right:1.7rem}.field-box:has(>.field-wide){max-width:none}.field-num{max-width:9rem}.row-field{--field-w:20rem}.row-field .field-box,.row-field .field-box:has(>.field-wide){width:var(--field-w);max-width:100%}.row-field .field-num{max-width:none}.pane{min-height:0;overflow-y:auto;border-color:var(--rule)}}.thin-scroll{position:relative;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.thin-scroll::-webkit-scrollbar{width:8px;height:8px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px}.thin-scroll::-webkit-scrollbar-track{background:transparent}