:root{--oc-border-radius:.625rem;--oc-control-height:2.75rem;--oc-control-padding-inline:.75rem;--oc-control-gap:.5rem;--oc-control-font-size:.9375rem;--oc-control-accent:#2f6feb;--oc-control-accent-text:#fff;--oc-page-background:#16181c;--oc-text-primary:#d8dade;--oc-text-secondary:#8c8c8c;--oc-text-link:#fff;--oc-border-color:#24262c;--oc-shadow-color:#00000040;--oc-surface-background:#ffffff08;--oc-surface-background-hover:#303134;--oc-control-background:#151619;--oc-control-background-active:#303134;--oc-control-border:#323334;--oc-control-border-hover:#404347;--oc-control-border-focus:#2f6feb;--oc-control-text-primary:#d8dade;--oc-control-text-secondary:#676767;--oc-control-placeholder-text:#47484b;--oc-control-track-background:#303134;--oc-control-thumb-background:#fff;--oc-control-focus-shadow:0 0 0 3px #ffffff30;--oc-datagrid-header-background:#1c1e22;--oc-button-background:#fff;--oc-button-background-hover:#e8e8e8;--oc-button-text:#000;--oc-select-picker-background:#101114;--oc-file-selector-button-background:#191a1d;--oc-alert-success-background:#15241c;--oc-alert-success-border:#3d9a64;--oc-alert-success-text:#c5e6d2;--oc-alert-warn-background:#2a2314;--oc-alert-warn-border:#c9a227;--oc-alert-warn-text:#ead9a0;--oc-alert-error-background:#2a1618;--oc-alert-error-border:#d45454;--oc-alert-error-text:#f0c0c0;--oc-alert-info-background:#1a2338;--oc-alert-info-border:#2f6feb;--oc-alert-info-text:#c5d4f5;--oc-toast-success-background:#15241c;--oc-toast-success-border:#3d9a64;--oc-toast-success-text:#c5e6d2;--oc-toast-warn-background:#2a2314;--oc-toast-warn-border:#c9a227;--oc-toast-warn-text:#ead9a0;--oc-toast-error-background:#2a1618;--oc-toast-error-border:#d45454;--oc-toast-error-text:#f0c0c0;--oc-toast-info-background:#1a2338;--oc-toast-info-border:#2f6feb;--oc-toast-info-text:#c5d4f5}.light{--oc-control-accent:#2f6feb;--oc-control-accent-text:#fff;--oc-page-background:#fff;--oc-text-primary:#242424;--oc-text-secondary:#7e7e7e;--oc-text-link:#474747;--oc-border-color:#cdcdcd;--oc-shadow-color:#00000026;--oc-surface-background:#ffffff08;--oc-surface-background-hover:#d9d9d9;--oc-control-background:#fff;--oc-control-background-active:#f1f1f1;--oc-control-border:#cdcdcd;--oc-control-border-hover:#aeadad;--oc-control-border-focus:#2f6feb;--oc-control-text-primary:#242424;--oc-control-text-secondary:#7e7e7e;--oc-control-placeholder-text:#9c9c9c;--oc-control-track-background:#d9d9d9;--oc-control-thumb-background:#fff;--oc-control-focus-shadow:0 0 0 3px #d4d4d420;--oc-datagrid-header-background:#f1f1f1;--oc-button-background:#fff;--oc-button-background-hover:#f1f1f1;--oc-button-text:#242424;--oc-select-picker-background:#fff;--oc-file-selector-button-background:#f0f0f0;--oc-alert-success-background:#eaf6ef;--oc-alert-success-border:#2d8a52;--oc-alert-success-text:#1a5c35;--oc-alert-warn-background:#fbf6e8;--oc-alert-warn-border:#c49212;--oc-alert-warn-text:#6b5208;--oc-alert-error-background:#fbeeee;--oc-alert-error-border:#c43c3c;--oc-alert-error-text:#8a1f1f;--oc-alert-info-background:#eef3fc;--oc-alert-info-border:#2f6feb;--oc-alert-info-text:#1a3a7a;--oc-toast-success-background:#eaf6ef;--oc-toast-success-border:#2d8a52;--oc-toast-success-text:#1a5c35;--oc-toast-warn-background:#fbf6e8;--oc-toast-warn-border:#c49212;--oc-toast-warn-text:#6b5208;--oc-toast-error-background:#fbeeee;--oc-toast-error-border:#c43c3c;--oc-toast-error-text:#8a1f1f;--oc-toast-info-background:#eef3fc;--oc-toast-info-border:#2f6feb;--oc-toast-info-text:#1a3a7a}:root{--header-background:#01020473;color-scheme:dark}.light{--header-background:#ffffffd9;color-scheme:light}*{box-sizing:border-box}body{background:var(--oc-page-background);color:var(--oc-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(--oc-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(--oc-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(--oc-border-color);border-radius:var(--oc-border-radius);background:var(--oc-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(--oc-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(--oc-border-color);border-radius:var(--oc-border-radius);background:var(--oc-surface-background);margin-top:1rem;overflow:hidden}.code-example-header{border-bottom:1px solid var(--oc-border-color);color:var(--oc-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)}code:not(pre *){color:#5c93ff;background:#0d1627;padding-inline:2px}.light code:not(pre *){color:#2871ff;background:#f0f0f0}