:root{--border-radius:.625rem;--control-height:2.75rem;--control-padding-inline:.75rem;--control-gap:.5rem;--control-font-size:.9375rem;--control-accent:#2f6feb;--control-accent-text:#fff;--page-background:#16181c;--text-primary:#d8dade;--text-secondary:#8c8c8c;--text-link:#fff;--border-color:#24262c;--surface-background:#ffffff08;--surface-background-hover:#303134;--control-background:#151619;--control-background-active:#303134;--control-border:#323334;--control-border-hover:#404347;--control-border-focus:#2f6feb;--control-text-primary:#d8dade;--control-text-secondary:#676767;--control-placeholder-text:#47484b;--control-track-background:#303134;--control-thumb-background:#fff;--control-focus-shadow:0 0 0 3px #ffffff30;--button-background:#fff;--button-background-hover:#e8e8e8;--button-text:#000;--select-picker-background:#101114;--file-selector-button-background:#191a1d}.light{--control-accent:#2f6feb;--control-accent-text:#fff;--page-background:#fff;--text-primary:#242424;--text-secondary:#7e7e7e;--text-link:#474747;--border-color:#cdcdcd;--surface-background:#ffffff08;--surface-background-hover:#d9d9d9;--control-background:#fff;--control-background-active:#f1f1f1;--control-border:#cdcdcd;--control-border-hover:#aeadad;--control-border-focus:#2f6feb;--control-text-primary:#242424;--control-text-secondary:#7e7e7e;--control-placeholder-text:#9c9c9c;--control-track-background:#d9d9d9;--control-thumb-background:#fff;--control-focus-shadow:0 0 0 3px #d4d4d420;--button-background:#fff;--button-background-hover:#f1f1f1;--button-text:#242424;--select-picker-background:#fff;--file-selector-button-background:#f0f0f0}:root{--header-background:#01020473;color-scheme:dark}.light{--header-background:#ffffffd9;color-scheme:light}*{box-sizing:border-box}body{background:var(--page-background);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--text-link);text-decoration:none}.page{max-width:42rem;margin:0 auto}.title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:2rem}.lede{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1.15rem}.subtitle{letter-spacing:-.01em;margin:2.5rem 0 .75rem;font-size:1.35rem}.preview{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-background);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.preview-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dialog-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.15rem}.dialog-copy{color:var(--text-secondary);margin:0 0 1.15rem}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.dialog-actions form{margin:0}.code-example{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-background);margin-top:1rem;overflow:hidden}.code-example-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.55rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem}.code-example-content{overflow-x:auto}.code-example-content .shiki{min-width:max-content;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;background:0 0!important}.code-example-content .shiki,.code-example-content .shiki span{color:var(--shiki-dark)}.light .code-example-content .shiki,.light .code-example-content .shiki span{color:var(--shiki-light)}