:root{--onlyby-accent: #c2410c;--onlyby-accent-soft: #fff1e7;--onlyby-accent-deep: #9a3412;--onlyby-ink: #1a1a1a;--onlyby-ink-2: #57575a;--onlyby-ink-3: #8e8e92;--onlyby-line: #e6e3df;--onlyby-line-soft: #efece7;--onlyby-surface: #ffffff;--onlyby-bg: #faf9f7;--onlyby-bg-deep: #f2efea;--onlyby-shadow-sm: 0 1px 2px rgba(20, 16, 12, .04);--onlyby-shadow-md: 0 6px 24px -10px rgba(20, 16, 12, .1), 0 2px 6px -2px rgba(20, 16, 12, .06);--onlyby-radius-sm: 8px;--onlyby-radius-md: 12px;--onlyby-radius-lg: 16px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--onlyby-bg);color:var(--onlyby-ink);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;line-height:1.5}s-app-nav{display:none!important}s-page,s-section,s-stack,s-box,s-banner,s-paragraph,s-heading,s-divider,s-button,s-unordered-list,s-ordered-list,s-list-item{display:block}s-page{padding:4px 28px 48px;max-width:1180px;margin:0 auto}s-page>*+*{margin-top:18px}s-page[heading]:before{content:attr(heading);display:block;font-size:26px;font-weight:800;letter-spacing:-.025em;color:var(--onlyby-ink);margin:24px 0 4px;line-height:1.1}s-section{background:var(--onlyby-surface);border:1px solid var(--onlyby-line);border-radius:var(--onlyby-radius-lg);padding:24px 26px;box-shadow:var(--onlyby-shadow-sm);position:relative}s-section[slot=aside]{background:var(--onlyby-bg);border-color:var(--onlyby-line-soft)}s-section>*+*{margin-top:14px}s-section[heading]:before{content:attr(heading);display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--onlyby-ink-3);margin-bottom:14px;font-family:JetBrains Mono,ui-monospace,monospace}s-stack{display:flex;gap:14px;flex-wrap:wrap}s-stack[direction=block]{flex-direction:column;flex-wrap:nowrap}s-stack[direction=inline]{flex-direction:row;flex-wrap:wrap;align-items:center}s-stack[gap=large]{gap:20px}s-stack[gap=base]{gap:14px}s-stack[gap=small-200]{gap:8px}s-stack[gap=tight]{gap:6px}s-box{display:block;padding:16px 18px;border:1px solid var(--onlyby-line);border-radius:var(--onlyby-radius-md);background:var(--onlyby-surface)}s-box[background=subdued]{background:var(--onlyby-bg)}s-box s-paragraph:first-child{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--onlyby-ink-3);margin:0 0 6px}s-box s-heading{font-size:28px;font-weight:800;letter-spacing:-.025em;color:var(--onlyby-ink);font-feature-settings:"tnum"}s-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--onlyby-radius-md);border:1px solid var(--onlyby-line);background:var(--onlyby-bg);font-size:14px;line-height:1.5;margin:6px 0}s-banner:before{content:"";flex-shrink:0;width:6px;align-self:stretch;border-radius:4px;background:var(--onlyby-ink-3)}s-banner[tone=success]{background:#ecf7ef;border-color:#c5e2cf;color:#0e5c2c}s-banner[tone=success]:before{background:#2f8a4d}s-banner[tone=critical]{background:#fdecec;border-color:#f1bdbf;color:#8a1a1a}s-banner[tone=critical]:before{background:#b91c1c}s-banner[tone=info]{background:var(--onlyby-accent-soft);border-color:#f4ccab;color:var(--onlyby-accent-deep)}s-banner[tone=info]:before{background:var(--onlyby-accent)}s-heading{display:block;font-size:17px;font-weight:700;letter-spacing:-.012em;color:var(--onlyby-ink)}s-paragraph{display:block;margin:6px 0;font-size:14px;line-height:1.55;color:var(--onlyby-ink-2)}s-text{display:inline;font-size:inherit;color:inherit}s-divider{display:block;height:1px;background:var(--onlyby-line);border:0;margin:14px 0}s-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--onlyby-ink);border-radius:var(--onlyby-radius-sm);background:var(--onlyby-ink);color:#fff;font-weight:600;font-size:13.5px;letter-spacing:-.005em;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease,box-shadow .12s ease;box-shadow:var(--onlyby-shadow-sm)}s-button:hover{background:#2d2929;border-color:#2d2929}s-button:active{transform:translateY(1px)}s-button[variant=primary]{background:var(--onlyby-accent);border-color:var(--onlyby-accent);color:#fff;box-shadow:0 1px 2px #9a34122e,0 2px 6px #9a341214}s-button[variant=primary]:hover{background:var(--onlyby-accent-deep);border-color:var(--onlyby-accent-deep)}s-button[variant=tertiary]{background:transparent;color:var(--onlyby-ink);border-color:var(--onlyby-line);box-shadow:none}s-button[variant=tertiary]:hover{background:var(--onlyby-bg);border-color:var(--onlyby-ink-3)}s-link{color:var(--onlyby-accent);text-decoration:underline;text-decoration-color:#c2410c66;text-underline-offset:3px;cursor:pointer;font-weight:500}s-link:hover{text-decoration-color:var(--onlyby-accent)}s-unordered-list,s-ordered-list{padding-left:24px;margin:8px 0}s-list-item{margin:6px 0;font-size:14px;color:var(--onlyby-ink-2);line-height:1.55}s-list-item::marker{color:var(--onlyby-ink-3)}input[type=text],input[type=number],input[type=color],select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--onlyby-line);border-radius:var(--onlyby-radius-sm);background:var(--onlyby-surface);color:var(--onlyby-ink);font-size:13.5px;margin-top:6px;transition:border-color .12s,box-shadow .12s}input[type=text]:hover,input[type=number]:hover,select:hover{border-color:var(--onlyby-ink-3)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--onlyby-accent);box-shadow:0 0 0 3px #c2410c1f}input[type=color]{padding:3px;height:38px;width:56px;cursor:pointer;border-radius:var(--onlyby-radius-sm)}label{display:inline-flex;flex-direction:column;font-size:12.5px;color:var(--onlyby-ink-2);gap:0;font-weight:500;letter-spacing:-.003em}input[type=radio]{margin-right:8px;vertical-align:-1px;accent-color:var(--onlyby-accent);width:16px;height:16px;cursor:pointer}strong{font-weight:700;color:var(--onlyby-ink)}code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;background:var(--onlyby-bg-deep);padding:2px 6px;border-radius:5px;color:var(--onlyby-accent-deep)}h1,h2,h3{font-weight:800;letter-spacing:-.02em;color:var(--onlyby-ink)}
