:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--thekdp-bg-surface:#fff;--thekdp-bg-panel:#ebf0f7;--thekdp-border:#d8dee6;--thekdp-text-main:#1d2838;--thekdp-text-muted:#6b7a90;--thekdp-primary:#2f7fe4;--thekdp-primary-strong:#1f6bcc;--thekdp-primary-contrast:#fff;--thekdp-shadow:0 .875rem 1.875rem #0d15212e;--thekdp-radius:.375rem;--thekdp-font-family:inherit;--thekdp-control-height:2rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--thekdp-bg-surface:#111827;--thekdp-bg-panel:#1f2937;--thekdp-border:#374151;--thekdp-text-main:#f3f4f6;--thekdp-text-muted:#9ca3af;--thekdp-primary:#60a5fa;--thekdp-primary-strong:#3b82f6;--thekdp-primary-contrast:#0f172a;--thekdp-shadow:0 1rem 2.125rem #00000073}}.thekdp-popover{background:var(--thekdp-bg-surface);border:.0625rem solid var(--thekdp-border);border-radius:var(--thekdp-radius);box-shadow:var(--thekdp-shadow);color:var(--thekdp-text-main);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--thekdp-font-family);width:17.875rem;padding:.625rem}@media (prefers-color-scheme:dark){.thekdp-popover{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.thekdp-input-wrap{background:var(--thekdp-bg-surface);border:.0625rem solid var(--thekdp-border);border-radius:var(--thekdp-radius);box-sizing:border-box;height:var(--thekdp-control-height);align-items:center;width:100%;display:inline-flex;overflow:hidden}.thekdp-input{background:var(--thekdp-bg-surface);border:.0625rem solid var(--thekdp-border);border-radius:var(--thekdp-radius);box-sizing:border-box;color:var(--thekdp-text-main);font-family:var(--thekdp-font-family)}.thekdp-input::placeholder{color:var(--thekdp-text-muted)}.thekdp-input:focus{border-color:var(--thekdp-primary);outline:none}.thekdp-input-wrap>.thekdp-input{height:100%;font-family:var(--thekdp-font-family);background:0 0;border:0;border-radius:0;flex:1;align-items:center;min-width:0;margin:0;padding:0 .625rem;font-size:.95rem;line-height:normal;display:flex}.thekdp-input-wrap:focus-within{border-color:var(--thekdp-primary)}.thekdp-input-wrap-suspicious{border-color:#f59e0b}.thekdp-input-wrap-invalid,.thekdp-input-wrap-reverted{border-color:#ef4444}.thekdp-input-suspicious{color:#92400e}.thekdp-input-invalid,.thekdp-input-reverted{color:#991b1b}.thekdp-suspicious-indicator{color:#f59e0b;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;margin-right:.375rem;line-height:1;display:inline-flex}.thekdp-indicator-icon{width:.875rem;height:.875rem;display:block}.thekdp-suspicious-indicator .thekdp-indicator-icon{width:.75rem;height:.75rem}.thekdp-revert-indicator{background:color-mix(in srgb, #ef4444 12%, var(--thekdp-bg-surface) 88%);border:.0625rem solid color-mix(in srgb, #ef4444 35%, var(--thekdp-border) 65%);color:#b91c1c;border-radius:62.5rem;justify-content:center;align-items:center;min-width:1rem;min-height:1rem;margin-right:.375rem;padding:0;line-height:1;display:inline-flex}.thekdp-revert-indicator .thekdp-indicator-icon{width:.75rem;height:.75rem}.thekdp-suspicious-indicator[hidden],.thekdp-revert-indicator[hidden]{display:none!important}.thekdp-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.thekdp-trigger-btn{background:var(--thekdp-bg-surface);border:0;border-left:.0625rem solid var(--thekdp-border);box-sizing:border-box;color:var(--thekdp-text-main);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;min-width:2.5rem;height:100%;padding:0 .625rem;font-size:1em;line-height:1;display:inline-flex}.thekdp-trigger-btn:hover:not(:disabled){background:var(--thekdp-bg-panel);color:var(--thekdp-primary)}.thekdp-trigger-btn:disabled{cursor:not-allowed;opacity:.6}.thekdp-trigger-icon{width:1rem;height:1rem;display:block}.thekdp-header{justify-content:space-between;align-items:center;gap:.25rem;margin-bottom:.5rem;display:flex}.thekdp-current-month{text-align:center;min-width:7.75rem;font-size:.875rem;font-weight:600}.thekdp-nav-btn{color:var(--thekdp-text-main);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.25rem .5rem;font-size:1rem;line-height:1}.thekdp-nav-btn:hover{background:var(--thekdp-bg-panel);color:var(--thekdp-primary)}.thekdp-weekdays{grid-template-columns:repeat(7,1fr);gap:.125rem;margin-bottom:.25rem;display:grid}.thekdp-weekday-cell{color:var(--thekdp-text-muted);text-align:center;padding:.25rem 0;font-size:.75rem;font-weight:600}.thekdp-days{gap:.125rem;display:grid}.thekdp-days-row{grid-template-columns:repeat(7,1fr);gap:.125rem;display:grid}.thekdp-day-cell{color:var(--thekdp-text-main);cursor:pointer;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;height:2.125rem;font-size:.8125rem;display:flex}.thekdp-day-cell:hover:not(:disabled){background:var(--thekdp-bg-panel)}.thekdp-day-cell-muted{color:var(--thekdp-text-muted);opacity:.6}.thekdp-day-cell-today{box-shadow:inset 0 0 0 .0625rem var(--thekdp-primary);font-weight:600}.thekdp-day-cell-selected{background:var(--thekdp-primary);color:var(--thekdp-primary-contrast)}.thekdp-day-cell-selected:hover:not(:disabled){background:var(--thekdp-primary-strong)}.thekdp-day-cell-disabled{color:var(--thekdp-text-muted);cursor:not-allowed;opacity:.35}.thekdp-footer{border-top:.0625rem solid var(--thekdp-border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;display:flex}.thekdp-time{align-items:center;gap:.25rem;display:flex}.thekdp-time-label{color:var(--thekdp-text-muted);margin-right:.125rem;font-size:.75rem}.thekdp-time-input{appearance:textfield;background:var(--thekdp-bg-surface);border:.0625rem solid var(--thekdp-border);color:var(--thekdp-text-main);font-family:var(--thekdp-font-family);text-align:center;border-radius:.375rem;width:2.625rem;padding:.1875rem .25rem;font-size:.75rem}.thekdp-time-meridiem{background:var(--thekdp-bg-surface);border:.0625rem solid var(--thekdp-border);color:var(--thekdp-text-main);font-family:var(--thekdp-font-family);border-radius:.375rem;padding:.1875rem .25rem;font-size:.75rem}.thekdp-time-input:focus,.thekdp-time-meridiem:focus{border-color:var(--thekdp-primary);outline:none}.thekdp-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.thekdp-link-btn{color:var(--thekdp-primary);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.thekdp-link-btn:hover{background:var(--thekdp-bg-panel)}.thekdp-ok-btn{background:var(--thekdp-primary);color:var(--thekdp-primary-contrast);cursor:pointer;border:0;border-radius:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;display:none}.thekdp-actions-with-ok .thekdp-ok-btn{display:inline-block}:root{--page-bg:#edf1f6;--container-bg:#f6f8fc;--sidebar-bg:#e8edf5;--brand-color:#0f172a;--accent:#0f172a;--text-main:#1e293b;--text-muted:#64748b;--border-color:#d3dbe6;--code-bg:#eef3f9;--code-text:#0f172a;--code-label:#64748b}[data-showcase-theme=dark]{--page-bg:#020617;--container-bg:#0f172a;--sidebar-bg:#0f172a;--brand-color:#38bdf8;--accent:#38bdf8;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--code-bg:#020617;--code-text:#e2e8f0;--code-label:#94a3b8}[data-showcase-theme=gray]{--page-bg:#c6c7c8;--container-bg:#bbb;--sidebar-bg:#374151;--brand-color:#111827;--accent:#e5e7eb;--sidebar-text:#d1d5db;--text-main:#111827;--text-muted:#4b5563;--border-color:#d1d5db;--code-bg:#f3f4f6;--code-text:#111827;--code-label:#4b5563}[data-showcase-theme=red]{--page-bg:#fef2f2;--container-bg:#fff;--sidebar-bg:#7f1d1d;--brand-color:#991b1b;--accent:#fee2e2;--sidebar-text:#fca5a5;--text-main:#450a0a;--text-muted:#991b1b;--border-color:#fecdd3;--code-bg:#fff1f2;--code-text:#450a0a;--code-label:#9f1239}[data-showcase-theme=blue]{--page-bg:#eff6ff;--container-bg:#fff;--sidebar-bg:#1e3a8a;--brand-color:#1e40af;--accent:#dbeafe;--sidebar-text:#93c5fd;--text-main:#1e3a8a;--text-muted:#1d4ed8;--border-color:#bfdbfe;--code-bg:#eff6ff;--code-text:#1e3a8a;--code-label:#1d4ed8}[data-showcase-theme=green]{--page-bg:#f0fdf4;--container-bg:#fff;--sidebar-bg:#064e3b;--brand-color:#15803d;--accent:#dcfce7;--sidebar-text:#86efac;--text-main:#064e3b;--text-muted:#166534;--border-color:#bbf7d0;--code-bg:#f0fdf4;--code-text:#064e3b;--code-label:#166534}body{color:var(--text-main);background-color:var(--page-bg);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.showcase-toolbar{background:var(--container-bg);border-bottom:.0625rem solid var(--border-color);z-index:1001;box-sizing:border-box;justify-content:flex-end;align-items:center;gap:1rem;height:3.5rem;padding:.5rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.toolbar-group{align-items:center;gap:.5rem;display:flex}.toolbar-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.toolbar-group select{border:.0625rem solid var(--border-color);background:var(--container-bg);color:var(--text-main);border-radius:.375rem;padding:.375rem .5rem;font-size:.85rem}.app-container{grid-template-columns:13.75rem 1fr;min-height:100vh;margin-top:3.5rem;display:grid}aside{background-color:var(--sidebar-bg);color:var(--sidebar-text,var(--text-muted));border-right:.0625rem solid var(--border-color);box-sizing:border-box;height:calc(100vh - 3.5rem);padding:1.5rem 1.25rem;position:sticky;top:3.5rem}main{max-width:62.5rem;padding:2rem 3rem}.logo{color:var(--accent);align-items:center;gap:.625rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800;display:flex}.repo-link{color:var(--accent);border:.0625rem solid #ffffff1f;border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.repo-link:hover{background:#ffffff14;border-color:#ffffff38;transform:translateY(-.0625rem)}nav ul{margin:0;padding:0;list-style:none}nav li{margin-bottom:.25rem}nav a{color:var(--sidebar-text,var(--text-muted));border-radius:.375rem;padding:.375rem .625rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}nav a:hover,nav a.active{color:var(--accent);background-color:#ffffff1a}.theme-toggle{gap:.5rem;display:grid}.theme-toggle-option{color:var(--sidebar-text,var(--text-muted));cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.theme-toggle-option input{accent-color:var(--accent);margin:0}h1{color:var(--brand-color);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.description{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.showcase-picker-input{width:16.25rem;margin-top:.5rem;display:block}.api-help{color:var(--text-muted);margin:.75rem 0 0;font-size:.82rem;line-height:1.45}.quick-docs-list{gap:1rem;display:grid}.quick-doc-item h3{color:var(--brand-color);margin:0 0 .25rem;font-size:.95rem}.quick-doc-item p{color:var(--text-muted);margin:0 0 .5rem;font-size:.82rem}.quick-doc-code{background:var(--code-bg);border:.0625rem solid var(--border-color);color:var(--code-text);border-radius:.5rem;margin:0;padding:.75rem;font-family:Fira Code,Courier New,monospace;font-size:.78rem;line-height:1.4;overflow:auto}.hljs{color:var(--code-text)!important;background:0 0!important}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-name{color:#2563eb!important}.hljs-string,.hljs-attr,.hljs-selector-attr,.hljs-template-tag{color:#b45309!important}.hljs-number,.hljs-built_in,.hljs-symbol{color:#047857!important}[data-showcase-theme=dark] .hljs-keyword,[data-showcase-theme=dark] .hljs-selector-tag,[data-showcase-theme=dark] .hljs-literal,[data-showcase-theme=dark] .hljs-name{color:#93c5fd!important}[data-showcase-theme=dark] .hljs-string,[data-showcase-theme=dark] .hljs-attr,[data-showcase-theme=dark] .hljs-selector-attr,[data-showcase-theme=dark] .hljs-template-tag{color:#fcd34d!important}[data-showcase-theme=dark] .hljs-number,[data-showcase-theme=dark] .hljs-built_in,[data-showcase-theme=dark] .hljs-symbol{color:#6ee7b7!important}section{margin-bottom:3rem;scroll-margin-top:2.5rem}.reference-wrap{padding-bottom:.5rem;overflow:auto}.ref-title{color:var(--brand-color);margin:1.5rem 0 .75rem;font-size:1rem}.ref-title:first-child{margin-top:0}.ref-table{border-collapse:separate;border-spacing:0;width:100%;min-width:50rem;font-size:.84rem}.ref-table th{border-bottom:.0625rem solid var(--border-color);color:var(--text-muted);letter-spacing:.02em;text-align:left;text-transform:uppercase;padding:.6rem .75rem;font-size:.75rem;font-weight:700}.ref-table td{border-bottom:.0625rem solid var(--border-color);vertical-align:top;padding:.65rem .75rem}.ref-table tbody tr:hover{background:color-mix(in srgb, var(--container-bg) 80%, var(--sidebar-bg) 20%)}h2{color:var(--brand-color);align-items:center;gap:.625rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}h2 i{color:var(--text-muted);font-size:1rem}.demo-card{background:var(--container-bg);border:.0625rem solid var(--border-color);border-radius:.625rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 .0625rem .125rem #0000000d}.demo-content{padding:1.25rem}.demo-footer{background:var(--sidebar-bg);border-top:.0625rem solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.code-snippet{background:var(--code-bg);border:.0625rem solid var(--border-color);color:var(--code-text);border-radius:.5rem;margin-top:.75rem;padding:1rem;font-family:Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.4;display:none;position:relative}.code-snippet.visible{display:block}.toggle-code{border:.0625rem solid var(--border-color);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:.25rem;margin-top:.75rem;padding:.1875rem .625rem;font-size:.7rem;font-weight:700;transition:all .2s}.toggle-code:hover{border-color:var(--brand-color);color:var(--brand-color)}.code-snippet:before{content:"JAVASCRIPT";color:var(--code-label);letter-spacing:.05em;font-size:.6rem;font-weight:700;position:absolute;top:.5rem;right:.75rem}.event-log-container{margin-top:1rem}.event-log-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:.375rem;font-size:.7rem;font-weight:700;display:flex}.event-log{background:var(--container-bg);border:.0625rem solid var(--border-color);border-radius:.5rem;height:5rem;padding:.625rem;font-family:monospace;font-size:.75rem;overflow-y:auto}[data-showcase-theme=dark] .event-log{background:var(--sidebar-bg)}.log-entry{border-bottom:.0625rem solid var(--border-color);gap:.625rem;padding:.125rem 0;display:flex}.log-time{color:var(--text-muted);flex-shrink:0}.log-msg{color:var(--text-main)}.badge{background:var(--border-color);color:var(--text-muted);border-radius:624.938rem;align-items:center;padding:.125rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.api-btn{border:.0625rem solid var(--border-color);background:var(--container-bg);color:var(--text-main);cursor:pointer;border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.api-btn:hover{background:var(--sidebar-bg);border-color:var(--brand-color)}.btn-danger{color:#ef4444}.btn-danger:hover{background:#fef2f2;border-color:#ef4444}.configurator-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.configurator-settings{grid-column:span 2}.configurator-settings-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.configurator-settings-grid label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.configurator-settings-grid select,.configurator-settings-grid input[type=text]{border:.0625rem solid var(--border-color);background:var(--container-bg);width:100%;color:var(--text-main);border-radius:.375rem;padding:.35rem .5rem;font-size:.8rem}.configurator-preview{grid-column:span 2}#configurator select,#configurator input[type=number],#configurator input[type=text]{background:var(--container-bg)!important;color:var(--text-main)!important;border-color:var(--border-color)!important}#config-json-output .css-selector{color:#60a5fa;font-weight:700}#config-json-output .css-var{color:#f59e0b}#config-json-output .css-value{color:#34d399}#config-json-output .css-punct{color:#94a3b8}@media (width<=68.75rem){.configurator-grid{grid-template-columns:1fr 1fr}.configurator-settings,.configurator-preview{grid-column:span 2}}@media (width<=43.75rem){.configurator-settings-grid{grid-template-columns:1fr}}@media (width<=56.25rem){.showcase-toolbar{flex-wrap:wrap;gap:.625rem;height:auto;padding:.5rem .75rem}.app-container{grid-template-columns:1fr;margin-top:4.5rem}aside{display:none}main{padding:1.5rem 1.25rem}}