/*! ZenStyle v1.0.0 | MIT License */
:root{color-scheme:light;--zs-color-primary:#2563eb;--zs-color-primary-hover:#1d4ed8;--zs-color-secondary:#475569;--zs-color-secondary-hover:#334155;--zs-color-success:#15803d;--zs-color-success-hover:#166534;--zs-color-danger:#dc2626;--zs-color-danger-hover:#b91c1c;--zs-color-warning:#f59e0b;--zs-color-warning-hover:#d97706;--zs-color-info:#0891b2;--zs-color-info-hover:#0e7490;--zs-color-light:#f8fafc;--zs-color-dark:#0f172a;--zs-color-gray:#64748b;--zs-color-white:#fff;--zs-text:#172033;--zs-text-muted:#64748b;--zs-bg:#fff;--zs-surface:#f8fafc;--zs-border:#dbe3ef;--zs-shadow:0 12px 28px #0f172a1f;--zs-radius-sm:.25rem;--zs-radius:.5rem;--zs-radius-lg:.75rem;--zs-container:72rem;--zs-font-sans:Arial, Helvetica, sans-serif;--zs-space-1:.25rem;--zs-space-2:.5rem;--zs-space-3:1rem;--zs-space-4:1.5rem;--zs-space-5:2rem}:root[data-zs-theme=dark]{color-scheme:dark;--zs-color-light:#1e293b;--zs-color-dark:#f8fafc;--zs-color-white:#f8fafc;--zs-text:#e2e8f0;--zs-text-muted:#a8b6c9;--zs-bg:#0f172a;--zs-surface:#111c2e;--zs-border:#334155;--zs-shadow:0 12px 28px #0206176b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}body{font-family:var(--zs-font-sans);color:var(--zs-text);background:var(--zs-surface);margin:0}img,svg,video{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}a{color:var(--zs-color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1,.zs-h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}h2,.zs-h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15}.zs-container,.container{width:min(100% - 2rem, var(--zs-container));margin-inline:auto}.zs-section{padding-block:clamp(2.5rem,7vw,6rem)}.zs-skip-link{top:var(--zs-space-2);left:var(--zs-space-2);z-index:1100;padding:var(--zs-space-2) var(--zs-space-3);border-radius:var(--zs-radius-sm);color:var(--zs-color-white);background:var(--zs-color-dark);position:absolute;transform:translateY(-150%)}.zs-skip-link:focus{transform:translateY(0)}.zs-site-header{border-bottom:1px solid var(--zs-border);background:#fffffff0}.zs-navbar-brand{align-items:center;gap:var(--zs-space-2);color:var(--zs-color-dark);font-size:1.125rem;font-weight:800;display:inline-flex}.zs-navbar-brand:hover{text-decoration:none}.zs-navbar-brand img{object-fit:cover;border-radius:999px;width:3rem;height:3rem}.zs-row,.row{gap:var(--zs-space-3);flex-wrap:wrap;display:flex}.zs-col,.col{flex:1 1 0;min-width:0}.zs-grid{gap:var(--zs-space-3);display:grid}.zs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.zs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.zs-navbar{justify-content:space-between;align-items:center;gap:var(--zs-space-3);padding-block:var(--zs-space-3);display:flex}.zs-navbar img{object-fit:cover;border-radius:999px;flex:none;width:4rem;height:4rem}.zs-navbar a{color:var(--zs-text);font-weight:600}.zs-nav-links{align-items:center;gap:var(--zs-space-3);flex-wrap:wrap;display:flex}.zs-nav-links a{padding-block:var(--zs-space-2);color:var(--zs-text-muted);font-size:.9375rem;font-weight:700}.zs-nav-links a:hover,.zs-nav-links a[aria-current=page]{color:var(--zs-color-primary);text-decoration:none}.zs-nav-toggle{width:2.75rem;height:2.75rem;color:var(--zs-text);border:1px solid var(--zs-border);border-radius:var(--zs-radius-md);cursor:pointer;background:0 0;place-items:center;padding:0;display:none}.zs-nav-toggle:hover,.zs-nav-toggle:focus-visible{color:var(--zs-color-primary);border-color:currentColor;outline:2px solid #0000}.zs-nav-toggle-icon,.zs-nav-toggle-icon:before,.zs-nav-toggle-icon:after{background:currentColor;border-radius:999px;width:1.35rem;height:2px;transition:transform .18s,opacity .18s;display:block}.zs-nav-toggle-icon{position:relative}.zs-nav-toggle-icon:before,.zs-nav-toggle-icon:after{content:"";position:absolute;left:0}.zs-nav-toggle-icon:before{transform:translateY(-.42rem)}.zs-nav-toggle-icon:after{transform:translateY(.42rem)}.zs-navbar.is-open .zs-nav-toggle-icon{background:0 0}.zs-navbar.is-open .zs-nav-toggle-icon:before{transform:rotate(45deg)}.zs-navbar.is-open .zs-nav-toggle-icon:after{transform:rotate(-45deg)}.zs-theme-toggle{border:1px solid var(--zs-border);border-radius:var(--zs-radius,.5rem);min-height:2.25rem;color:var(--zs-text);cursor:pointer;background:0 0;padding:.5rem .75rem;font-size:.875rem;font-weight:700}.zs-theme-toggle:hover{border-color:var(--zs-color-primary);color:var(--zs-color-primary)}.zs-hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.zs-hero-content{max-width:42rem}.zs-eyebrow{margin-bottom:var(--zs-space-2);color:var(--zs-color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.zs-lead{max-width:38rem;color:var(--zs-text-muted);font-size:1.125rem}.zs-actions{gap:var(--zs-space-2);margin-top:var(--zs-space-4);flex-wrap:wrap;display:flex}.zs-code-window{border-radius:var(--zs-radius-lg);color:#e2e8f0;box-shadow:var(--zs-shadow);background:#101827;border:1px solid #25324a;overflow:hidden}.zs-code-window-bar{padding:var(--zs-space-2) var(--zs-space-3);color:#94a3b8;border-bottom:1px solid #25324a;align-items:center;gap:.375rem;display:flex}.zs-window-dots span{background:#64748b;border-radius:999px;width:.625rem;height:.625rem}.zs-code-window-bar small{margin-left:auto;font-size:.75rem}.zs-window-dots{gap:.375rem;display:flex}.zs-code-copy{border-radius:var(--zs-radius-sm);color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #475569;padding:.375rem .625rem;font-size:.75rem;font-weight:700}.zs-code-copy:hover{background:#1e293b;border-color:#93c5fd}.zs-copy-status{color:#93c5fd;font-size:.75rem}.zs-code-window pre{padding:var(--zs-space-4);margin:0;font:.8125rem/1.7 Consolas,Courier New,monospace;overflow-x:auto}.zs-code-window code{color:inherit}.zs-section-heading{max-width:44rem;margin-bottom:var(--zs-space-4)}.zs-section-heading p:last-child,.zs-card p:last-child{color:var(--zs-text-muted)}.zs-card-feature{min-height:100%}.zs-card-feature-muted{background:#eef6ff}.zs-playground{gap:var(--zs-space-4);padding:var(--zs-space-4);border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg);background:var(--zs-color-white);grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);display:grid;box-shadow:0 2px 10px #0f172a0f}.zs-playground-controls{align-content:start;gap:var(--zs-space-3);padding:var(--zs-space-3);border:1px solid var(--zs-border);border-radius:var(--zs-radius);background:var(--zs-surface);display:grid}.zs-playground-controls .zs-form-group{margin-bottom:0}.zs-playground-controls label{justify-content:space-between;gap:var(--zs-space-2);display:flex}.zs-playground-controls output{color:var(--zs-text-muted);font-weight:400}.zs-range{width:100%;accent-color:var(--zs-color-primary);background:0 0;border:0;padding:0}.zs-playground-preview{min-width:0;padding:var(--zs-space-3);border:1px solid var(--zs-border);border-radius:var(--zs-radius);background:var(--zs-color-white)}.zs-playground-preview-meta{justify-content:space-between;align-items:center;gap:var(--zs-space-2);flex-wrap:wrap;display:flex}.zs-playground-stage{min-height:11rem;margin-block:var(--zs-space-3);padding:var(--zs-space-4);border:1px dashed var(--zs-border);border-radius:var(--zs-playground-radius,var(--zs-radius));background:var(--zs-surface);place-items:center;display:grid}.zs-playground-stage>*{border-radius:var(--zs-playground-radius,var(--zs-radius));margin-bottom:0}.zs-playground-stage .zs-alert{width:min(100%,24rem)}.zs-playground-snippet{padding:var(--zs-space-3);border-radius:var(--zs-radius);color:#e2e8f0;background:#101827;border:1px solid #25324a;margin:0;font:.8125rem/1.6 Consolas,Courier New,monospace;overflow-x:auto}.zs-playground-snippet code{color:inherit}.zs-playground-announce{min-height:1.5rem;margin:var(--zs-space-2) 0 0;color:var(--zs-text-muted);font-size:.875rem}:root[data-zs-theme=dark] .zs-site-header,:root[data-zs-theme=dark] .zs-site-footer,:root[data-zs-theme=dark] .zs-card{background:#0f172a}:root[data-zs-theme=dark] .zs-site-header{background:#0f172af0}:root[data-zs-theme=dark] .zs-card-header,:root[data-zs-theme=dark] .zs-card-footer{background:#172236}:root[data-zs-theme=dark] .zs-card-feature-muted{background:#172554}:root[data-zs-theme=dark] .zs-playground,:root[data-zs-theme=dark] .zs-playground-preview{background:#0f172a}:root[data-zs-theme=dark] input:not([type=range]),:root[data-zs-theme=dark] textarea,:root[data-zs-theme=dark] select{color:var(--zs-text);background:#111c2e}:root[data-zs-theme=dark] .zs-playground-controls .zs-range{background:0 0}.zs-site-footer{padding-block:var(--zs-space-5);border-top:1px solid var(--zs-border);background:var(--zs-color-white)}.zs-footer-content{justify-content:space-between;align-items:center;gap:var(--zs-space-4);display:flex}.zs-footer-content p{margin:var(--zs-space-1) 0 0;color:var(--zs-text-muted);font-size:.875rem}.zs-footer-links{gap:var(--zs-space-3);flex-wrap:wrap;display:flex}.zs-footer-links a{color:var(--zs-text-muted);font-size:.875rem;font-weight:700}.zs-btn,.btn{justify-content:center;align-items:center;gap:var(--zs-space-2);border-radius:var(--zs-radius,.5rem);min-height:2.5rem;color:var(--zs-color-white);background-color:var(--zs-color-primary,#2563eb);text-align:center;cursor:pointer;border:1px solid #0000;padding:.625rem 1rem;font-weight:700;line-height:1;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.zs-btn:hover,.btn:hover{background-color:var(--zs-color-primary-hover,#1d4ed8);text-decoration:none}.zs-btn:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2563eb52}.zs-btn:active,.btn:active{transform:translateY(1px)}.zs-btn-sm{min-height:2rem;padding:.35rem .7rem;font-size:.8125rem}.zs-btn-lg{min-height:3.25rem;padding:.85rem 1.35rem;font-size:1.0625rem}.zs-btn:disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.zs-btn-primary,.btn-primary{background-color:var(--zs-color-primary,#2563eb)}.zs-btn-primary:hover,.btn-primary:hover{background-color:var(--zs-color-primary-hover,#1d4ed8)}.zs-btn-secondary,.btn-secondary{background-color:var(--zs-color-secondary,#475569)}.zs-btn-secondary:hover,.btn-secondary:hover{background-color:var(--zs-color-secondary-hover,#334155)}.zs-btn-success,.btn-success{background-color:var(--zs-color-success,#16a34a)}.zs-btn-success:hover,.btn-success:hover{background-color:var(--zs-color-success-hover,#15803d)}.zs-btn-danger,.btn-danger{background-color:var(--zs-color-danger,#dc2626)}.zs-btn-danger:hover,.btn-danger:hover{background-color:var(--zs-color-danger-hover,#b91c1c)}.zs-btn-warning,.btn-warning{color:#1f2937;background-color:var(--zs-color-warning,#f59e0b)}.zs-btn-warning:hover,.btn-warning:hover{background-color:var(--zs-color-warning-hover,#d97706)}.zs-btn-info,.btn-info{background-color:var(--zs-color-info,#0891b2)}.zs-btn-info:hover,.btn-info:hover{background-color:var(--zs-color-info-hover,#0e7490)}.zs-btn-accent,.btn-accent{background-color:#7c3aed}.zs-btn-accent:hover,.btn-accent:hover{background-color:#6d28d9}.zs-btn-outline,.btn-outline{color:var(--zs-color-primary);background-color:#0000;border-color:currentColor}.zs-btn-outline:hover,.btn-outline:hover{color:var(--zs-color-white);background-color:var(--zs-color-primary,#2563eb)}.zs-card,.card{border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg,.75rem);background:var(--zs-color-white);overflow:hidden;box-shadow:0 2px 10px #0f172a0f}.zs-card-header,.card__header{padding:var(--zs-space-3);border-bottom:1px solid var(--zs-border);background:var(--zs-surface);font-weight:700}.zs-card-body,.card__body{padding:var(--zs-space-3)}.zs-card-footer,.card__footer{padding:var(--zs-space-3);border-top:1px solid var(--zs-border);background:var(--zs-surface)}.zs-form-group,.form-group{gap:var(--zs-space-2);margin-bottom:var(--zs-space-3);display:grid}.zs-label,label{font-weight:700}.zs-input,.zs-textarea,.zs-select,input,textarea,select{border:1px solid var(--zs-border);border-radius:var(--zs-radius,.5rem);width:100%;color:var(--zs-text);background:var(--zs-color-white);padding:.75rem}.zs-input:focus,.zs-textarea:focus,.zs-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--zs-color-primary);outline:none}.zs-form-error,.form-error{color:var(--zs-color-danger);font-size:.875rem}.zs-input-sm,.zs-select-sm{min-height:2rem;padding:.35rem .6rem;font-size:.875rem}.zs-input-lg,.zs-select-lg{min-height:3.25rem;padding:.85rem 1rem;font-size:1.0625rem}.zs-form-help{color:var(--zs-text-muted);font-size:.875rem}.zs-required{color:var(--zs-color-danger)}.zs-input.is-invalid,.zs-textarea.is-invalid,.zs-select.is-invalid,[data-zs-validate] input.is-invalid,[data-zs-validate] textarea.is-invalid,[data-zs-validate] select.is-invalid{border-color:var(--zs-color-danger);box-shadow:0 0 0 3px #dc26261f}.zs-input.is-valid,.zs-textarea.is-valid,.zs-select.is-valid,[data-zs-validate] input.is-valid,[data-zs-validate] textarea.is-valid,[data-zs-validate] select.is-valid{border-color:var(--zs-color-success);box-shadow:0 0 0 3px #16a34a1a}.zs-check-group{gap:var(--zs-space-2);margin-bottom:var(--zs-space-3);display:grid}.zs-check{align-items:flex-start;gap:var(--zs-space-2);cursor:pointer;font-weight:500;display:flex}.zs-check input[type=checkbox],.zs-check input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--zs-color-primary);flex:none;margin-top:.15rem;padding:0}.zs-check input.is-invalid{outline:2px solid var(--zs-color-danger);outline-offset:2px;box-shadow:none}.zs-input:disabled,.zs-textarea:disabled,.zs-select:disabled,[data-zs-validate] input:disabled,[data-zs-validate] textarea:disabled,[data-zs-validate] select:disabled{opacity:.65;background:var(--zs-color-light);cursor:not-allowed}.zs-form-summary{padding:var(--zs-space-3);margin-bottom:var(--zs-space-3);color:#7f1d1d;border-radius:var(--zs-radius-md);background:#fee2e2;border:1px solid #fca5a5}.zs-form-summary[hidden]{display:none}.zs-table-responsive{border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg);background:var(--zs-color-white);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.zs-table{border-collapse:collapse;width:100%;min-width:42rem;color:var(--zs-text)}.zs-table caption{padding:var(--zs-space-3);color:var(--zs-text-muted);text-align:left;font-weight:700}.zs-table th,.zs-table td{padding:.8rem var(--zs-space-3);border-bottom:1px solid var(--zs-border);text-align:left;vertical-align:middle}.zs-table th{color:var(--zs-text);background:var(--zs-surface);letter-spacing:.02em;font-size:.875rem}.zs-table tbody tr:last-child td,.zs-table tbody tr:last-child th{border-bottom:0}.zs-table-striped tbody tr:nth-child(2n),.zs-table-hover tbody tr:hover{background:var(--zs-color-light)}.zs-table-sticky thead th{z-index:1;position:sticky;top:0}.zs-pagination{align-items:center;gap:var(--zs-space-1);margin:var(--zs-space-3) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.zs-page-link{min-width:2.5rem;min-height:2.5rem;color:var(--zs-text);border:1px solid var(--zs-border);border-radius:var(--zs-radius-md);background:var(--zs-color-white);place-items:center;padding:.4rem .75rem;font-weight:700;text-decoration:none;display:inline-grid}.zs-page-link:hover,.zs-page-link:focus-visible{color:var(--zs-color-primary);border-color:currentColor;text-decoration:none}.zs-page-link[aria-current=page]{color:var(--zs-color-white);border-color:var(--zs-color-primary);background:var(--zs-color-primary)}.zs-page-link[aria-disabled=true]{opacity:.5;pointer-events:none}.zs-breadcrumb{align-items:center;gap:var(--zs-space-2);margin:var(--zs-space-3) 0;color:var(--zs-text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.zs-breadcrumb-item{align-items:center;gap:var(--zs-space-2);display:inline-flex}.zs-breadcrumb-item+.zs-breadcrumb-item:before{content:"/";color:var(--zs-color-gray)}.zs-breadcrumb-item [aria-current=page]{color:var(--zs-text);font-weight:700}.zs-progress{background:var(--zs-color-light);border-radius:999px;width:100%;height:.75rem;position:relative;overflow:hidden}.zs-progress-bar{width:var(--zs-progress,0%);border-radius:inherit;background:var(--zs-color-primary);height:100%;transition:width .25s}.zs-progress-success .zs-progress-bar{background:var(--zs-color-success)}.zs-progress-warning .zs-progress-bar{background:var(--zs-color-warning)}.zs-progress-danger .zs-progress-bar{background:var(--zs-color-danger)}.zs-progress-indeterminate .zs-progress-bar{width:35%;animation:1.25s ease-in-out infinite zs-progress-indeterminate}.zs-progress-label{justify-content:space-between;gap:var(--zs-space-3);margin-bottom:var(--zs-space-1);font-size:.875rem;font-weight:700;display:flex}@keyframes zs-progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(300%)}}.zs-alert,.alert{padding:var(--zs-space-3);border-radius:var(--zs-radius,.5rem);margin-bottom:var(--zs-space-3);border:1px solid #0000}.zs-alert-success,.alert-success{color:#14532d;background:#dcfce7;border-color:#86efac}.zs-alert-info,.alert-info{color:#164e63;background:#cffafe;border-color:#67e8f9}.zs-alert-warning,.alert-warning{color:#713f12;background:#fef3c7;border-color:#fcd34d}.zs-alert-error,.alert-error,.zs-alert-danger,.alert-danger{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.zs-badge,.badge{min-height:1.5rem;color:var(--zs-color-white);background-color:var(--zs-color-secondary,#475569);border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:700;display:inline-flex}.zs-badge-primary,.badge-primary{background-color:var(--zs-color-primary,#2563eb)}.zs-badge-success,.badge-success{background-color:var(--zs-color-success,#16a34a)}.zs-badge-warning,.badge-warning{color:#1f2937;background-color:var(--zs-color-warning,#f59e0b)}.zs-badge-error,.badge-error,.zs-badge-danger,.badge-danger{background-color:var(--zs-color-danger,#dc2626)}.zs-badge-sm{min-height:1.15rem;padding:.1rem .45rem;font-size:.7rem}.zs-badge-lg{min-height:2rem;padding:.4rem .8rem;font-size:.9375rem}.zs-theme-builder{gap:var(--zs-space-4);padding:var(--zs-space-4);border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg);background:var(--zs-bg);box-shadow:var(--zs-shadow);grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);display:grid}.zs-theme-controls{align-content:start;gap:var(--zs-space-3);display:grid}.zs-color-control{align-items:center;gap:var(--zs-space-2);grid-template-columns:1fr 3rem;display:grid}.zs-color-control input[type=color]{cursor:pointer;width:3rem;height:2.5rem;padding:.15rem}.zs-theme-presets{gap:var(--zs-space-2);flex-wrap:wrap;display:flex}.zs-theme-preview-panel{padding:var(--zs-space-4);border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg);background:var(--zs-surface)}.zs-theme-code{max-height:18rem;overflow:auto}.zs-theme-soft{--zs-color-primary:#8b5cf6;--zs-color-primary-hover:#7c3aed;--zs-color-secondary:#64748b;--zs-bg:#fffdf8;--zs-surface:#faf5ff;--zs-border:#e9d5ff;--zs-radius:.75rem;--zs-radius-lg:1rem}.zs-theme-professional{--zs-color-primary:#0f4c5c;--zs-color-primary-hover:#0b3945;--zs-color-secondary:#334155;--zs-bg:#fff;--zs-surface:#f1f5f9;--zs-border:#cbd5e1;--zs-radius:.375rem}.zs-theme-high-contrast{--zs-color-primary:#0047ff;--zs-color-primary-hover:#0036c7;--zs-color-secondary:#111;--zs-text:#000;--zs-text-muted:#222;--zs-bg:#fff;--zs-surface:#fff;--zs-border:#000;--zs-radius:.25rem}.zs-doc-search{z-index:20;padding-block:var(--zs-space-3);background:var(--zs-surface);position:sticky;top:0}.zs-doc-search-status{min-height:1.5rem;color:var(--zs-text-muted);font-size:.875rem}.zs-doc-section-hidden{display:none!important}.zs-modal,.modal{z-index:1000;padding:var(--zs-space-3);background:#0f172a99;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.zs-modal.is-open,.modal.is-open{display:flex}.zs-modal-lock{overflow:hidden}.zs-modal-content,.modal-content{width:min(100%,32rem);padding:var(--zs-space-4);border-radius:var(--zs-radius-lg,.75rem);background:var(--zs-color-white);box-shadow:var(--zs-shadow)}.zs-modal-close,.close{float:right;color:var(--zs-text-muted);cursor:pointer;background-color:#0000;border:0;font-size:1.5rem}.zs-accordion,.accordion{width:100%;padding:var(--zs-space-3);border:1px solid var(--zs-border);border-radius:var(--zs-radius,.5rem);background:var(--zs-surface);color:var(--zs-text);text-align:left;cursor:pointer;font-weight:700}.zs-accordion:after,.accordion:after{content:"+";float:right;font-size:1.25rem;line-height:1}.zs-accordion[aria-expanded=true]:after,.accordion[aria-expanded=true]:after{content:"−"}.zs-panel,.panel{padding:var(--zs-space-3);border:1px solid var(--zs-border);border-radius:0 0 var(--zs-radius) var(--zs-radius);border-top:0;display:none}.zs-panel.is-open,.panel.is-open,.zs-accordion.open+.zs-panel,.accordion.open+.panel{display:block}.zs-tabs,.tabs{gap:var(--zs-space-2);border-bottom:1px solid var(--zs-border);flex-wrap:wrap;display:flex}.zs-tab-btn,.tab-btn,.tab-button{color:var(--zs-text-muted);cursor:pointer;background-color:#0000;border:0;border-bottom:3px solid #0000;padding:.75rem 1rem;font-weight:700}.zs-tab-btn.active,.tab-btn.active,.tab-button.active{border-bottom-color:var(--zs-color-primary);color:var(--zs-color-primary)}.zs-tab-content,.tab-content{padding-block:var(--zs-space-3);display:none}.zs-tab-content.active,.tab-content.active{display:block}.zs-icon-grid,.icon-grid{gap:var(--zs-space-3);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.zs-icon-box,.icon-box{place-items:center;gap:var(--zs-space-2);padding:var(--zs-space-3);border:1px solid var(--zs-border);border-radius:var(--zs-radius,.5rem);background:var(--zs-surface);display:grid}.zs-social-icons,.social-icons{gap:var(--zs-space-2);flex-wrap:wrap;display:flex}.zs-social-icon,.social-icon{width:2.5rem;height:2.5rem;color:var(--zs-color-white);background:var(--zs-color-dark);border-radius:999px;place-items:center;display:inline-grid}.theme-light{color:#172033;background:#fff}.theme-dark{color:#f8fafc;background:#0f172a}.theme-colorful{color:#172033;background:linear-gradient(135deg,#fef3c7,#bfdbfe 55%,#bbf7d0)}.zs-theme-preview,.theme-preview{padding:var(--zs-space-4);border:1px solid var(--zs-border);border-radius:var(--zs-radius-lg,.75rem);margin-bottom:var(--zs-space-3)}.zs-text-center,.text-center{text-align:center}.zs-text-right,.text-right{text-align:right}.zs-text-bold,.text-bold{font-weight:700}.zs-text-muted{color:var(--zs-text-muted)}.zs-text-dark,.text-dark{color:var(--zs-color-dark)}.zs-text-white,.text-white{color:var(--zs-color-white)}.zs-bg-primary,.bg-primary{color:var(--zs-color-white);background:var(--zs-color-primary)}.zs-bg-secondary,.bg-secondary{color:var(--zs-color-white);background:var(--zs-color-secondary)}.zs-bg-success,.bg-success{color:var(--zs-color-white);background:var(--zs-color-success)}.zs-bg-warning,.bg-warning{color:#1f2937;background:var(--zs-color-warning)}.zs-bg-danger,.bg-danger{color:var(--zs-color-white);background:var(--zs-color-danger)}.zs-bg-info,.bg-info{color:var(--zs-color-white);background:var(--zs-color-info)}.zs-bg-dark,.bg-dark{color:var(--zs-color-white);background:var(--zs-color-dark)}.zs-bg-light,.bg-light{color:var(--zs-color-dark);background:var(--zs-color-light)}.zs-bg-gray,.bg-gray{color:var(--zs-color-white);background:var(--zs-color-gray)}.zs-bg-white,.bg-white{color:var(--zs-color-dark);background:var(--zs-color-white)}.zs-dropdown{display:inline-block;position:relative}.zs-dropdown-toggle:after{content:"";border:.3em solid #0000;border-top-color:currentColor;margin-left:.5em;display:inline-block;transform:translateY(.15em)}.zs-dropdown-menu{z-index:1000;top:calc(100% + var(--zs-space-1));width:max-content;min-width:12rem;padding:var(--zs-space-1);border:1px solid var(--zs-color-border);border-radius:var(--zs-radius-md);background:var(--zs-color-white);box-shadow:var(--zs-shadow-lg);position:absolute;left:0;overflow:hidden}.zs-dropdown-menu[hidden]{display:none}.zs-dropdown-end .zs-dropdown-menu{left:auto;right:0}.zs-dropdown-divider{height:1px;margin:var(--zs-space-1);background:var(--zs-border)}.zs-dropdown-header{padding:var(--zs-space-2) var(--zs-space-3);color:var(--zs-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.zs-dropdown-item{width:100%;padding:var(--zs-space-2) var(--zs-space-3);color:var(--zs-color-dark);border-radius:var(--zs-radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:block}.zs-dropdown-item:hover,.zs-dropdown-item:focus-visible{background:var(--zs-color-light);outline:none}[data-zs-tooltip]{position:relative}[data-zs-tooltip]:before,[data-zs-tooltip]:after{z-index:1050;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;position:absolute;left:50%;transform:translate(-50%,.25rem)}[data-zs-tooltip]:before{content:attr(data-zs-tooltip);width:max-content;max-width:16rem;padding:var(--zs-space-1) var(--zs-space-2);color:var(--zs-color-white);border-radius:var(--zs-radius-sm);background:var(--zs-color-dark);text-align:center;white-space:normal;font-size:.875rem;line-height:1.35;bottom:calc(100% + .55rem)}[data-zs-tooltip]:after{content:"";border:.35rem solid #0000;border-top-color:var(--zs-color-dark);bottom:calc(100% + .2rem)}[data-zs-tooltip]:hover:before,[data-zs-tooltip]:hover:after,[data-zs-tooltip]:focus-visible:before,[data-zs-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.zs-spinner{vertical-align:-.3em;border:.2em solid;border-right-color:#0000;border-radius:50%;width:1.5em;height:1.5em;animation:.7s linear infinite zs-spinner-rotate;display:inline-block}.zs-spinner-sm{border-width:.15em;width:1em;height:1em}.zs-spinner-lg{border-width:.3em;width:2.5em;height:2.5em}@keyframes zs-spinner-rotate{to{transform:rotate(360deg)}}.zs-toast-container{z-index:1100;top:var(--zs-space-3);right:var(--zs-space-3);gap:var(--zs-space-2);pointer-events:none;flex-direction:column;width:min(24rem,100vw - 2rem);display:flex;position:fixed}.zs-toast{align-items:center;gap:var(--zs-space-3);padding:var(--zs-space-3);color:var(--zs-color-white);border-radius:var(--zs-radius-md);background:var(--zs-color-info);box-shadow:var(--zs-shadow-lg);pointer-events:auto;border-left:.35rem solid #ffffffb3;animation:.22s ease-out both zs-toast-enter;display:flex;position:relative;overflow:hidden}.zs-toast-success{background:var(--zs-color-success)}.zs-toast-error{background:var(--zs-color-danger)}.zs-toast-warning{color:var(--zs-color-dark);background:var(--zs-color-warning)}.zs-toast-info{background:var(--zs-color-info)}.zs-toast-message{flex:1;line-height:1.45}.zs-toast-close{width:2rem;height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.4rem;line-height:1;display:inline-grid}.zs-toast-close:hover,.zs-toast-close:focus-visible{outline-offset:1px;background:#fff3;outline:2px solid}.zs-toast-action{color:inherit;border-radius:var(--zs-radius-sm);cursor:pointer;background:0 0;border:1px solid;padding:.35rem .55rem;font-weight:800}.zs-toast-timer{transform-origin:0;background:#ffffffb3;height:3px;animation:linear forwards zs-toast-timer;position:absolute;bottom:0;left:0;right:0}[data-zs-toast-position=top-left]{right:auto;left:var(--zs-space-3)}[data-zs-toast-position=bottom-right]{top:auto;bottom:var(--zs-space-3)}[data-zs-toast-position=bottom-left]{top:auto;right:auto;bottom:var(--zs-space-3);left:var(--zs-space-3)}@keyframes zs-toast-timer{to{transform:scaleX(0)}}.zs-toast.is-leaving{animation:.18s ease-in both zs-toast-leave}@keyframes zs-toast-enter{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}@keyframes zs-toast-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1.5rem)}}.zs-m-0{margin:0}.zs-m-1,.m-1{margin:var(--zs-space-1)}.zs-m-2,.m-2{margin:var(--zs-space-2)}.zs-m-3,.m-3{margin:var(--zs-space-3)}.zs-m-4,.m-4{margin:var(--zs-space-4)}.zs-mt-1,.mt-1{margin-top:var(--zs-space-1)}.zs-mt-2,.mt-2{margin-top:var(--zs-space-2)}.zs-mt-3,.mt-3{margin-top:var(--zs-space-3)}.zs-mb-1,.mb-1{margin-bottom:var(--zs-space-1)}.zs-mb-2,.mb-2{margin-bottom:var(--zs-space-2)}.zs-mb-3,.mb-3{margin-bottom:var(--zs-space-3)}.zs-p-0{padding:0}.zs-p-1,.p-1{padding:var(--zs-space-1)}.zs-p-2,.p-2{padding:var(--zs-space-2)}.zs-p-3,.p-3{padding:var(--zs-space-3)}.zs-p-4,.p-4{padding:var(--zs-space-4)}.zs-m-auto{margin:auto}.zs-mx-auto{margin-inline:auto}.zs-mx-0{margin-inline:0}.zs-mx-1{margin-inline:var(--zs-space-1)}.zs-mx-2{margin-inline:var(--zs-space-2)}.zs-mx-3{margin-inline:var(--zs-space-3)}.zs-mx-4{margin-inline:var(--zs-space-4)}.zs-my-0{margin-block:0}.zs-my-1{margin-block:var(--zs-space-1)}.zs-my-2{margin-block:var(--zs-space-2)}.zs-my-3{margin-block:var(--zs-space-3)}.zs-my-4{margin-block:var(--zs-space-4)}.zs-mt-0{margin-top:0}.zs-mt-4{margin-top:var(--zs-space-4)}.zs-mr-0{margin-right:0}.zs-mr-1{margin-right:var(--zs-space-1)}.zs-mr-2{margin-right:var(--zs-space-2)}.zs-mr-3{margin-right:var(--zs-space-3)}.zs-mr-4{margin-right:var(--zs-space-4)}.zs-mb-0{margin-bottom:0}.zs-mb-4{margin-bottom:var(--zs-space-4)}.zs-ml-0{margin-left:0}.zs-ml-1{margin-left:var(--zs-space-1)}.zs-ml-2{margin-left:var(--zs-space-2)}.zs-ml-3{margin-left:var(--zs-space-3)}.zs-ml-4{margin-left:var(--zs-space-4)}.zs-px-0{padding-inline:0}.zs-px-1{padding-inline:var(--zs-space-1)}.zs-px-2{padding-inline:var(--zs-space-2)}.zs-px-3{padding-inline:var(--zs-space-3)}.zs-px-4{padding-inline:var(--zs-space-4)}.zs-py-0{padding-block:0}.zs-py-1{padding-block:var(--zs-space-1)}.zs-py-2{padding-block:var(--zs-space-2)}.zs-py-3{padding-block:var(--zs-space-3)}.zs-py-4{padding-block:var(--zs-space-4)}.zs-pt-0{padding-top:0}.zs-pt-1{padding-top:var(--zs-space-1)}.zs-pt-2{padding-top:var(--zs-space-2)}.zs-pt-3{padding-top:var(--zs-space-3)}.zs-pt-4{padding-top:var(--zs-space-4)}.zs-pr-0{padding-right:0}.zs-pr-1{padding-right:var(--zs-space-1)}.zs-pr-2{padding-right:var(--zs-space-2)}.zs-pr-3{padding-right:var(--zs-space-3)}.zs-pr-4{padding-right:var(--zs-space-4)}.zs-pb-0{padding-bottom:0}.zs-pb-1{padding-bottom:var(--zs-space-1)}.zs-pb-2{padding-bottom:var(--zs-space-2)}.zs-pb-3{padding-bottom:var(--zs-space-3)}.zs-pb-4{padding-bottom:var(--zs-space-4)}.zs-pl-0{padding-left:0}.zs-pl-1{padding-left:var(--zs-space-1)}.zs-pl-2{padding-left:var(--zs-space-2)}.zs-pl-3{padding-left:var(--zs-space-3)}.zs-pl-4{padding-left:var(--zs-space-4)}.zs-block{display:block}.zs-inline{display:inline}.zs-inline-block{display:inline-block}.zs-flex{display:flex}.zs-inline-flex{display:inline-flex}.zs-grid-display{display:grid}.zs-hidden{display:none!important}.zs-flex-row{flex-direction:row}.zs-flex-col{flex-direction:column}.zs-flex-wrap{flex-wrap:wrap}.zs-flex-nowrap{flex-wrap:nowrap}.zs-flex-1{flex:1}.zs-grow{flex-grow:1}.zs-grow-0{flex-grow:0}.zs-shrink-0{flex-shrink:0}.zs-justify-start{justify-content:flex-start}.zs-justify-center{justify-content:center}.zs-justify-end{justify-content:flex-end}.zs-justify-between{justify-content:space-between}.zs-justify-around{justify-content:space-around}.zs-items-start{align-items:flex-start}.zs-items-center{align-items:center}.zs-items-end{align-items:flex-end}.zs-items-stretch{align-items:stretch}.zs-self-start{align-self:flex-start}.zs-self-center{align-self:center}.zs-self-end{align-self:flex-end}.zs-gap-0{gap:0}.zs-gap-1{gap:var(--zs-space-1)}.zs-gap-2{gap:var(--zs-space-2)}.zs-gap-3{gap:var(--zs-space-3)}.zs-gap-4{gap:var(--zs-space-4)}.zs-col-span-2{grid-column:span 2/span 2}.zs-col-span-full{grid-column:1/-1}.zs-text-xs{font-size:.75rem}.zs-text-sm{font-size:.875rem}.zs-text-base{font-size:1rem}.zs-text-lg{font-size:1.125rem}.zs-text-xl{font-size:1.25rem}.zs-text-2xl{font-size:1.5rem}.zs-font-normal{font-weight:400}.zs-font-medium{font-weight:500}.zs-font-semibold{font-weight:600}.zs-font-bold{font-weight:700}.zs-leading-tight{line-height:1.25}.zs-leading-normal{line-height:1.5}.zs-leading-loose{line-height:1.75}.zs-text-left{text-align:left}.zs-text-center{text-align:center}.zs-text-right{text-align:right}.zs-uppercase{text-transform:uppercase}.zs-lowercase{text-transform:lowercase}.zs-capitalize{text-transform:capitalize}.zs-italic{font-style:italic}.zs-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zs-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.zs-w-auto{width:auto}.zs-w-full{width:100%}.zs-w-screen{width:100vw}.zs-w-half{width:50%}.zs-max-w-full{max-width:100%}.zs-h-auto{height:auto}.zs-h-full{height:100%}.zs-min-h-screen{min-height:100vh}.zs-relative{position:relative}.zs-absolute{position:absolute}.zs-fixed{position:fixed}.zs-sticky{position:sticky}.zs-inset-0{inset:0}.zs-top-0{top:0}.zs-right-0{right:0}.zs-bottom-0{bottom:0}.zs-left-0{left:0}.zs-overflow-auto{overflow:auto}.zs-overflow-hidden{overflow:hidden}.zs-overflow-x-auto{overflow-x:auto}.zs-z-0{z-index:0}.zs-z-10{z-index:10}.zs-z-50{z-index:50}.zs-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.zs-sr-only-focusable:not(:focus):not(:focus-within){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.zs-mobile-hidden{display:none!important}.zs-desktop-hidden{display:initial!important}@media (width>=769px){.zs-mobile-hidden{display:initial!important}.zs-desktop-hidden,.zs-md-hidden{display:none!important}.zs-md-block{display:block}.zs-md-flex{display:flex}.zs-md-grid{display:grid}.zs-md-flex-row{flex-direction:row}.zs-md-flex-col{flex-direction:column}.zs-md-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.zs-md-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zs-md-w-auto{width:auto}.zs-md-w-half{width:50%}.zs-md-w-full{width:100%}.zs-md-text-left{text-align:left}.zs-md-text-center{text-align:center}}@media (width<=768px){.zs-nav-lock{overflow:hidden}.zs-toast-container{top:var(--zs-space-2);right:var(--zs-space-2);width:calc(100vw - (2 * var(--zs-space-2)))}.zs-hero{gap:var(--zs-space-4);grid-template-columns:1fr}.zs-theme-builder{padding:var(--zs-space-3);grid-template-columns:1fr}.zs-playground,.zs-grid-2,.zs-grid-3,.zs-grid-4{grid-template-columns:1fr}.zs-navbar{grid-template-columns:1fr auto;align-items:center;display:grid;position:relative}.zs-nav-links{gap:var(--zs-space-1);width:100%;padding-top:var(--zs-space-2);grid-column:1/-1;grid-template-columns:1fr;display:grid}.zs-navbar-enhanced .zs-nav-toggle{display:grid}.zs-navbar-enhanced .zs-nav-links{display:none}.zs-navbar-enhanced.is-open .zs-nav-links{animation:.18s ease-out both zs-mobile-nav-enter;display:grid}.zs-nav-links a{min-width:0;padding:var(--zs-space-2) var(--zs-space-3);border-radius:var(--zs-radius-sm)}.zs-nav-links a:hover,.zs-nav-links a:focus-visible{background:var(--zs-color-light)}.zs-footer-content{flex-direction:column;align-items:flex-start}.zs-row,.row{flex-direction:column}}@keyframes zs-mobile-nav-enter{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
