*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100vh}body{display:block;place-items:unset;background:#f5f6fa;color:#2c3e50;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#app-shell{display:flex;min-height:100vh;max-width:unset;margin:0;padding:0;text-align:left}.sidebar{width:220px;min-width:220px;background:#1e2637;color:#cdd4e0;display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid #2d3a50}.sidebar-title{display:block;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-subtitle{display:block;font-size:11px;color:#7a8899;margin-top:2px}.nav-list{list-style:none;margin:0;padding:12px 0}.nav-list li a{display:block;padding:8px 16px;color:#a8b4c4;text-decoration:none;font-size:13px;transition:background .15s,color .15s;border-left:3px solid transparent}.nav-list li a:hover{background:#2d3a50;color:#fff}.nav-list li a.router-link-active{background:#263348;color:#fff;border-left-color:#646cff}.nav-section-label{padding:8px 16px 4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#4a5568}.nav-section-label--top{margin-top:8px;border-top:1px solid #2d3a50;padding-top:16px}.main-content{flex:1;overflow-y:auto;padding:0;min-width:0}.docs-page{max-width:820px;margin:0 auto;padding:40px 32px 80px}.docs-content h1{font-size:26px;font-weight:700;color:#1a202c;margin:0 0 8px}.docs-content h2{font-size:18px;font-weight:700;color:#1a202c;margin:48px 0 12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.docs-content h3{font-size:15px;font-weight:700;color:#2d3748;margin:24px 0 8px}.docs-content p{font-size:14px;color:#4a5568;line-height:1.7;margin:0 0 12px}.docs-content ul,.docs-content ol{font-size:14px;color:#4a5568;line-height:1.7;padding-left:20px;margin:0 0 12px}.docs-content li{margin-bottom:4px}.docs-content a{color:#646cff;text-decoration:none}.docs-content a:hover{text-decoration:underline}.docs-content hr{border:none;border-top:1px solid #e2e8f0;margin:40px 0}.docs-content code{font-family:Fira Code,Cascadia Code,monospace;font-size:12.5px;background:#f1f5f9;color:#1e3a5f;padding:2px 6px;border-radius:4px}.docs-content pre{background:#282c34;border-radius:8px;overflow-x:auto;margin:12px 0 20px;padding:0}.docs-content pre code{display:block;padding:16px 20px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.7;background:transparent;color:#abb2bf;border-radius:0}.docs-content pre .hljs-comment,.docs-content pre .hljs-quote{color:#5c6370;font-style:italic}.docs-content pre .hljs-keyword,.docs-content pre .hljs-selector-tag,.docs-content pre .hljs-built_in,.docs-content pre .hljs-name,.docs-content pre .hljs-tag{color:#c678dd}.docs-content pre .hljs-string,.docs-content pre .hljs-title,.docs-content pre .hljs-section,.docs-content pre .hljs-attribute,.docs-content pre .hljs-literal,.docs-content pre .hljs-template-tag,.docs-content pre .hljs-template-variable,.docs-content pre .hljs-type,.docs-content pre .hljs-addition{color:#98c379}.docs-content pre .hljs-deletion,.docs-content pre .hljs-selector-attr,.docs-content pre .hljs-selector-pseudo,.docs-content pre .hljs-meta{color:#e06c75}.docs-content pre .hljs-doctag,.docs-content pre .hljs-attr{color:#d19a66}.docs-content pre .hljs-symbol,.docs-content pre .hljs-bullet,.docs-content pre .hljs-link,.docs-content pre .hljs-number,.docs-content pre .hljs-regexp,.docs-content pre .hljs-variable,.docs-content pre .hljs-title.hljs-function__,.docs-content pre .hljs-params{color:#61aeee}.docs-content pre .hljs-emphasis{font-style:italic}.docs-content pre .hljs-strong{font-weight:700}.docs-content table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0 20px}.docs-content th{text-align:left;padding:10px 14px;background:#f8fafc;color:#374151;font-weight:700;border-bottom:2px solid #e2e8f0}.docs-content td{padding:9px 14px;border-bottom:1px solid #e2e8f0;color:#374151;vertical-align:top}.docs-content tr:last-child td{border-bottom:none}.docs-content blockquote{border-left:3px solid #646cff;margin:0 0 16px;padding:10px 16px;background:#f5f3ff;border-radius:0 6px 6px 0;font-size:13px;color:#4a5568}.example-layout[data-v-53c9d066]{max-width:760px;margin:0 auto;padding:32px 24px 64px}.example-header[data-v-53c9d066]{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.example-title[data-v-53c9d066]{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 8px}.example-description[data-v-53c9d066]{font-size:14px;color:#718096;margin:0;line-height:1.6}.field-group[data-v-6b81f6d3]{margin-bottom:20px}.field-group label[data-v-6b81f6d3]:first-child{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-6b81f6d3],input[type=email][data-v-6b81f6d3],input[type=tel][data-v-6b81f6d3],select[data-v-6b81f6d3],textarea[data-v-6b81f6d3]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;transition:border-color .2s;outline:none}input[data-v-6b81f6d3]:focus,select[data-v-6b81f6d3]:focus,textarea[data-v-6b81f6d3]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}textarea[data-v-6b81f6d3]{resize:vertical}.radio-group[data-v-6b81f6d3]{display:flex;gap:20px}.radio-label[data-v-6b81f6d3]{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;cursor:pointer;font-weight:400}.field-group--inline[data-v-6b81f6d3]{display:flex;flex-direction:column;gap:4px}.checkbox-label[data-v-6b81f6d3]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.error-list[data-v-6b81f6d3]{margin-top:4px}.error-msg[data-v-6b81f6d3]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.required[data-v-6b81f6d3]{color:#e74c3c}.optional[data-v-6b81f6d3]{color:#9ca3af;font-weight:400;font-size:12px}.char-count[data-v-6b81f6d3]{float:right;font-size:11px;color:#9ca3af;font-weight:400}.form-actions[data-v-6b81f6d3]{display:flex;gap:12px;margin-top:28px}.btn[data-v-6b81f6d3]{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn-primary[data-v-6b81f6d3]{background:#646cff;color:#fff}.btn-primary[data-v-6b81f6d3]:hover:not(:disabled){background:#535bf2}.btn-primary[data-v-6b81f6d3]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-6b81f6d3]{background:#e2e8f0;color:#374151}.btn-secondary[data-v-6b81f6d3]:hover{background:#cbd5e0}.btn-sm[data-v-6b81f6d3]{padding:6px 14px;font-size:13px;background:#fff;color:#1a202c;border:1px solid #d1d5db;margin-left:12px}.form-error-summary[data-v-6b81f6d3]{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626}.success-banner[data-v-6b81f6d3]{padding:20px 24px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:15px;color:#166534;display:flex;align-items:center;gap:12px}.field-group[data-v-4e8a6aaa]{margin-bottom:20px}.field-group label[data-v-4e8a6aaa]:first-child{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-4e8a6aaa],input[type=email][data-v-4e8a6aaa],input[type=password][data-v-4e8a6aaa],input[type=number][data-v-4e8a6aaa]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;transition:border-color .2s;outline:none}input[data-v-4e8a6aaa]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.checkbox-label[data-v-4e8a6aaa]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;font-weight:400!important}.error-list[data-v-4e8a6aaa]{margin-top:4px}.error-msg[data-v-4e8a6aaa]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.required[data-v-4e8a6aaa]{color:#e74c3c}.hint[data-v-4e8a6aaa]{font-size:12px;color:#9ca3af;margin-top:4px}.hint code[data-v-4e8a6aaa]{background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:11px;color:#475569}.hint-inline[data-v-4e8a6aaa]{font-weight:400;font-size:11px;color:#9ca3af}.pending-badge[data-v-4e8a6aaa]{font-size:11px;font-weight:400;color:#3b82f6;margin-left:6px;animation:pulse-4e8a6aaa 1s infinite}.valid-badge[data-v-4e8a6aaa]{font-size:11px;font-weight:400;color:#16a34a;margin-left:6px}@keyframes pulse-4e8a6aaa{0%,to{opacity:1}50%{opacity:.4}}.form-actions[data-v-4e8a6aaa]{display:flex;gap:12px;margin-top:28px}.btn[data-v-4e8a6aaa]{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn-primary[data-v-4e8a6aaa]{background:#646cff;color:#fff}.btn-primary[data-v-4e8a6aaa]:hover:not(:disabled){background:#535bf2}.btn-primary[data-v-4e8a6aaa]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-4e8a6aaa]{background:#e2e8f0;color:#374151}.btn-secondary[data-v-4e8a6aaa]:hover{background:#cbd5e0}.btn-sm[data-v-4e8a6aaa]{padding:6px 14px;font-size:13px;background:#fff;color:#1a202c;border:1px solid #d1d5db;margin-left:12px}.form-error-summary[data-v-4e8a6aaa]{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626}.success-banner[data-v-4e8a6aaa]{padding:20px 24px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:15px;color:#166534;display:flex;align-items:center;gap:12px}.field-group[data-v-3843e455]{margin-bottom:16px}.field-group label[data-v-3843e455]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-3843e455],input[type=number][data-v-3843e455]{width:100%;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;transition:border-color .2s;outline:none}input[data-v-3843e455]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.radio-group[data-v-3843e455]{display:flex;gap:20px}.radio-label[data-v-3843e455]{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;cursor:pointer}.conditional-banner[data-v-3843e455]{padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:12px;color:#1d4ed8;margin-bottom:16px}.items-section[data-v-3843e455]{margin-top:24px}.items-header[data-v-3843e455]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.items-title[data-v-3843e455]{font-size:15px;font-weight:700;color:#1a202c;margin:0}.item-card[data-v-3843e455]{border:1.5px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px;background:#fafafa}.item-card-header[data-v-3843e455]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.item-num[data-v-3843e455]{font-size:12px;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.5px}.item-row[data-v-3843e455]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error-list[data-v-3843e455]{margin-top:4px}.error-msg[data-v-3843e455]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.required[data-v-3843e455]{color:#e74c3c}.optional[data-v-3843e455]{color:#9ca3af;font-weight:400;font-size:12px}.state-bar[data-v-3843e455]{display:flex;gap:8px;align-items:center;margin:20px 0 4px;flex-wrap:wrap}.badge[data-v-3843e455]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;font-family:monospace}.badge-green[data-v-3843e455]{background:#dcfce7;color:#166534}.badge-red[data-v-3843e455]{background:#fee2e2;color:#991b1b}.badge-blue[data-v-3843e455]{background:#dbeafe;color:#1e40af}.badge-orange[data-v-3843e455]{background:#fef3c7;color:#92400e}.form-actions[data-v-3843e455]{display:flex;gap:12px;margin-top:20px}.btn[data-v-3843e455]{padding:9px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.btn-primary[data-v-3843e455]{background:#646cff;color:#fff}.btn-primary[data-v-3843e455]:hover{background:#535bf2}.btn-secondary[data-v-3843e455]{background:#e2e8f0;color:#374151}.btn-secondary[data-v-3843e455]:hover{background:#cbd5e0}.btn-add[data-v-3843e455]{background:#f0fdf4;color:#16a34a;border:1px solid #86efac;padding:6px 14px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer}.btn-add[data-v-3843e455]:hover{background:#dcfce7}.btn-remove[data-v-3843e455]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer}.btn-remove[data-v-3843e455]:hover{background:#fee2e2}.form-error-summary[data-v-3843e455]{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626}.success-banner[data-v-3843e455]{margin-top:16px;padding:16px 20px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:14px;color:#166534}.compare-grid[data-v-d65859a8]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media (max-width: 600px){.compare-grid[data-v-d65859a8]{grid-template-columns:1fr}}.compare-card[data-v-d65859a8]{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}.compare-card-header[data-v-d65859a8]{padding:14px 16px;color:#fff}.compare-card-header h3[data-v-d65859a8]{margin:0 0 4px;font-size:14px;font-weight:700}.compare-card-header p[data-v-d65859a8]{margin:0;font-size:12px;opacity:.9}.compare-card-header--blue[data-v-d65859a8]{background:#2563eb}.compare-card-header--purple[data-v-d65859a8]{background:#7c3aed}.compare-card form[data-v-d65859a8]{padding:16px}.explanation[data-v-d65859a8]{padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:12px;color:#475569;line-height:1.5}.field-group[data-v-d65859a8]{margin-bottom:16px}.field-group label[data-v-d65859a8]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=number][data-v-d65859a8],input[type=text][data-v-d65859a8],textarea[data-v-d65859a8]{width:100%;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;outline:none;transition:border-color .2s}input[data-v-d65859a8]:focus,textarea[data-v-d65859a8]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}textarea[data-v-d65859a8]{resize:vertical}.value-display[data-v-d65859a8]{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.vd-item[data-v-d65859a8]{font-size:11px;color:#6b7280}.vd-item code[data-v-d65859a8]{background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:11px;color:#1a202c}.error-list[data-v-d65859a8]{margin-top:4px}.error-msg[data-v-d65859a8]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.rule-tag[data-v-d65859a8]{background:#f1f5f9;color:#475569;font-size:10px;font-family:monospace;padding:1px 6px;border-radius:4px;font-weight:400;margin-left:4px}.char-count[data-v-d65859a8]{float:right;font-size:11px;color:#9ca3af;font-weight:400}.summary-table[data-v-d65859a8]{margin-top:8px}.summary-title[data-v-d65859a8]{font-size:15px;font-weight:700;color:#1a202c;margin:0 0 12px}table[data-v-d65859a8]{width:100%;border-collapse:collapse;font-size:13px}th[data-v-d65859a8]{text-align:left;padding:10px 14px;background:#f8fafc;color:#374151;font-weight:700;border-bottom:2px solid #e2e8f0}td[data-v-d65859a8]{padding:10px 14px;border-bottom:1px solid #e2e8f0;color:#374151}td code[data-v-d65859a8]{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px;color:#1e3a5f}tr:last-child td[data-v-d65859a8]{border-bottom:none}.compare-row[data-v-6c1285f0]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}@media (max-width: 580px){.compare-row[data-v-6c1285f0]{grid-template-columns:1fr}}.compare-card[data-v-6c1285f0]{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}.compare-card-header[data-v-6c1285f0]{padding:14px 16px;color:#fff}.compare-card-header h3[data-v-6c1285f0]{margin:0 0 4px;font-size:14px;font-weight:700}.compare-card-header p[data-v-6c1285f0]{margin:0;font-size:12px;opacity:.9}.compare-card-header--gray[data-v-6c1285f0]{background:#475569}.compare-card-header--indigo[data-v-6c1285f0]{background:#4338ca}.compare-card-body[data-v-6c1285f0]{padding:16px}.field-group[data-v-6c1285f0]{margin-bottom:12px}.field-group label[data-v-6c1285f0]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-6c1285f0]{width:100%;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;outline:none;transition:border-color .2s}input[data-v-6c1285f0]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.mode-label[data-v-6c1285f0]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:6px;margin-top:12px}.mode-label--error[data-v-6c1285f0]{color:#dc2626}.error-raw[data-v-6c1285f0]{display:flex;flex-wrap:wrap;gap:4px;min-height:22px}.err-chip[data-v-6c1285f0]{padding:2px 8px;border-radius:10px;font-size:11px;font-family:monospace;font-weight:600}.err-chip--active[data-v-6c1285f0]{background:#fee2e2;color:#dc2626}.err-chip--ok[data-v-6c1285f0]{background:#dcfce7;color:#16a34a}.err-none[data-v-6c1285f0]{font-size:11px;color:#9ca3af;font-style:italic}.messages-box[data-v-6c1285f0]{min-height:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 10px}.error-msg[data-v-6c1285f0]{display:block;font-size:12px;color:#dc2626;line-height:1.5}.dynamic-section[data-v-6c1285f0]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:20px}.section-title[data-v-6c1285f0]{font-size:15px;font-weight:700;color:#1a202c;margin:0 0 8px}.section-desc[data-v-6c1285f0]{font-size:13px;color:#475569;margin:0 0 16px;line-height:1.5}.dynamic-controls[data-v-6c1285f0]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.dynamic-controls label[data-v-6c1285f0]{font-size:13px;font-weight:600;color:#374151}.key-buttons[data-v-6c1285f0]{display:flex;gap:8px}.key-btn[data-v-6c1285f0]{padding:5px 12px;border-radius:6px;font-size:12px;font-family:monospace;font-weight:600;cursor:pointer;border:1.5px solid #d1d5db;background:#fff;color:#374151;transition:all .15s}.key-btn[data-v-6c1285f0]:hover{border-color:#646cff;color:#646cff}.key-btn--active[data-v-6c1285f0]{background:#646cff;color:#fff;border-color:#646cff}.dynamic-demo[data-v-6c1285f0]{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:16px}.dynamic-label[data-v-6c1285f0]{font-size:12px;color:#6b7280;margin-bottom:6px;margin-top:12px}.hint[data-v-6c1285f0]{margin-top:8px;font-size:11px;color:#9ca3af;line-height:1.5}.debugger-layout[data-v-b4512da5]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.debugger-layout[data-v-b4512da5]{grid-template-columns:1fr}}.form-panel[data-v-b4512da5]{display:flex;flex-direction:column;gap:16px}.field-group[data-v-b4512da5]{margin-bottom:8px}.field-group label[data-v-b4512da5]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-b4512da5]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;outline:none;transition:border-color .2s}input[data-v-b4512da5]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.error-list[data-v-b4512da5]{min-height:20px}.error-msg[data-v-b4512da5]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.actions[data-v-b4512da5]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:14px}.actions-title[data-v-b4512da5]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:10px}.btn-grid[data-v-b4512da5]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn[data-v-b4512da5]{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.action-btn[data-v-b4512da5]:hover{border-color:#646cff;background:#f5f5ff}.action-btn--reset[data-v-b4512da5]{border-color:#fecaca}.action-btn--reset[data-v-b4512da5]:hover{border-color:#dc2626;background:#fef2f2}.btn-name[data-v-b4512da5]{font-size:11px;font-family:monospace;font-weight:700;color:#1e3a5f}.btn-desc[data-v-b4512da5]{font-size:10px;color:#9ca3af;margin-top:2px}.css-classes-panel[data-v-b4512da5]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:14px}.panel-title[data-v-b4512da5]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:10px}.class-chips[data-v-b4512da5]{display:flex;flex-wrap:wrap;gap:4px}.class-chip[data-v-b4512da5]{padding:2px 8px;border-radius:10px;font-size:10px;font-family:monospace;font-weight:600;transition:all .15s}.class-chip--active[data-v-b4512da5]{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.class-chip--inactive[data-v-b4512da5]{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0}.state-panel[data-v-b4512da5]{display:flex;flex-direction:column;gap:14px}.state-section[data-v-b4512da5]{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden}.state-section-title[data-v-b4512da5]{padding:8px 12px;background:#1e2637;color:#a8b4c4;font-size:11px;font-weight:700;letter-spacing:.5px;font-family:monospace}.state-table[data-v-b4512da5]{width:100%;border-collapse:collapse}.state-table tr[data-v-b4512da5]:not(:last-child){border-bottom:1px solid #e2e8f0}.state-key[data-v-b4512da5]{padding:6px 12px;font-size:12px;font-family:monospace;color:#374151;width:55%}.state-val[data-v-b4512da5]{padding:6px 12px;font-size:12px;font-family:monospace;font-weight:700}.val-true[data-v-b4512da5]{color:#16a34a}.val-false[data-v-b4512da5]{color:#dc2626}.val-other[data-v-b4512da5]{color:#6b7280}.json-display[data-v-b4512da5]{margin:0;padding:10px 12px;font-size:11px;font-family:monospace;color:#374151;background:transparent;white-space:pre-wrap;word-break:break-all}.example-section[data-v-45d2649e]{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid #e2e8f0}.example-section[data-v-45d2649e]:last-child{border-bottom:none;margin-bottom:0}.section-header[data-v-45d2649e]{margin-bottom:20px}.section-title[data-v-45d2649e]{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 6px}.section-desc[data-v-45d2649e]{font-size:13px;color:#718096;margin:0;line-height:1.6}.section-desc code[data-v-45d2649e]{background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:12px;color:#1e3a5f}form[data-v-45d2649e],.field-group[data-v-45d2649e]{margin-bottom:20px}.field-group label[data-v-45d2649e]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.input-row[data-v-45d2649e]{display:flex;align-items:center;gap:10px}.color-swatch[data-v-45d2649e]{width:36px;height:36px;border-radius:6px;border:1.5px solid #d1d5db;flex-shrink:0;transition:background .2s}input[type=text][data-v-45d2649e],input[type=password][data-v-45d2649e]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;outline:none;transition:border-color .2s;box-sizing:border-box}input[data-v-45d2649e]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.error-list[data-v-45d2649e]{margin-top:4px}.error-msg[data-v-45d2649e]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.error-msg code[data-v-45d2649e]{font-size:11px}.rule-tag[data-v-45d2649e]{background:#f1f5f9;color:#475569;font-size:10px;font-family:monospace;padding:1px 6px;border-radius:4px;font-weight:400;margin-left:6px}.btn[data-v-45d2649e]{padding:9px 20px;font-size:14px;font-weight:600;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn[data-v-45d2649e]:hover{background:#535bf2}.success-msg[data-v-45d2649e]{display:inline-block;margin:10px 0 0 12px;font-size:13px;color:#38a169;font-weight:600}.code-block[data-v-45d2649e]{margin-top:16px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.code-label[data-v-45d2649e]{padding:7px 14px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}pre[data-v-45d2649e]{margin:0;padding:16px;background:#1e2637;overflow-x:auto}pre code[data-v-45d2649e]{font-family:Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.7;color:#cdd4e0;white-space:pre}.layout[data-v-46a668a0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:start}@media (max-width: 900px){.layout[data-v-46a668a0]{grid-template-columns:1fr}}.layout-schema[data-v-46a668a0]{position:sticky;top:16px}.schema-header[data-v-46a668a0]{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6b7280;margin-bottom:8px}.schema-code[data-v-46a668a0]{background:#1e2637;color:#cdd4e0;padding:14px 16px;border-radius:8px;font-family:Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.6;margin:0 0 10px;overflow-x:auto;white-space:pre}.schema-note[data-v-46a668a0]{font-size:12px;color:#6b7280;line-height:1.6;margin:0}.field-group[data-v-46a668a0]{margin-bottom:20px}.field-group label[data-v-46a668a0]:first-child{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-46a668a0],input[type=email][data-v-46a668a0],select[data-v-46a668a0],textarea[data-v-46a668a0]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a202c;outline:none;transition:border-color .2s}input[data-v-46a668a0]:focus,select[data-v-46a668a0]:focus,textarea[data-v-46a668a0]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}textarea[data-v-46a668a0]{resize:vertical}input.v-invalid.v-touched[data-v-46a668a0],select.v-invalid.v-touched[data-v-46a668a0],textarea.v-invalid.v-touched[data-v-46a668a0]{border-color:#e53e3e}.error-list[data-v-46a668a0]{margin-top:4px}.error-msg[data-v-46a668a0]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.required[data-v-46a668a0]{color:#e74c3c}.char-count[data-v-46a668a0]{float:right;font-size:11px;color:#9ca3af;font-weight:400}.form-actions[data-v-46a668a0]{display:flex;gap:12px;margin-top:28px}.btn[data-v-46a668a0]{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none}.btn-primary[data-v-46a668a0]{background:#646cff;color:#fff}.btn-primary[data-v-46a668a0]:hover:not(:disabled){background:#535bf2}.btn-primary[data-v-46a668a0]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-46a668a0]{background:#e2e8f0;color:#374151}.btn-secondary[data-v-46a668a0]:hover{background:#cbd5e0}.btn-sm[data-v-46a668a0]{padding:6px 14px;font-size:13px;background:#fff;color:#1a202c;border:1px solid #d1d5db;margin-left:12px}.form-error-summary[data-v-46a668a0]{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626}.success-banner[data-v-46a668a0]{padding:20px 24px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;font-size:15px;color:#166534;display:flex;align-items:center;gap:12px}.snippet[data-v-28136cb2]{background:#1e2637;color:#cdd4e0;padding:12px 16px;border-radius:8px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;margin-bottom:28px}.snippet code[data-v-28136cb2]{background:transparent;color:#cdd4e0}.card[data-v-28136cb2]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px 20px;margin-bottom:18px}.card-title[data-v-28136cb2]{font-size:14px;font-weight:700;color:#1a202c;margin:0 0 4px}.card-hint[data-v-28136cb2]{font-size:12.5px;color:#6b7280;margin:0 0 12px;line-height:1.5}.search-row[data-v-28136cb2],.slug-row[data-v-28136cb2]{display:flex;gap:8px;align-items:stretch}.search-row input[data-v-28136cb2],.slug-row input[data-v-28136cb2]{flex:1;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.search-row input[data-v-28136cb2]:focus,.slug-row input[data-v-28136cb2]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}input.is-invalid[data-v-28136cb2]{border-color:#e53e3e}.sample-row[data-v-28136cb2]{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.sample-chip[data-v-28136cb2]{font-family:Fira Code,monospace;font-size:12px;padding:4px 10px;background:#f0fdf4;border:1px solid #86efac;color:#166534;border-radius:999px;cursor:pointer;transition:background .15s,transform .05s}.sample-chip[data-v-28136cb2]:hover{background:#dcfce7}.sample-chip[data-v-28136cb2]:active{transform:translateY(1px)}.sample-chip--bad[data-v-28136cb2]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.sample-chip--bad[data-v-28136cb2]:hover{background:#fee2e2}.slug-preview[data-v-28136cb2]{margin-top:10px;padding:8px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:12.5px;display:flex;align-items:center;gap:10px}.slug-preview--bad[data-v-28136cb2]{background:#fef2f2;border-color:#fecaca}.slug-preview-label[data-v-28136cb2]{font-weight:600;color:#475569;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}.slug-preview--bad .slug-preview-label[data-v-28136cb2]{color:#b91c1c}.slug-preview code[data-v-28136cb2]{background:transparent;font-family:Fira Code,monospace;color:#1e293b}.slug-preview--bad code[data-v-28136cb2]{color:#991b1b;text-decoration:line-through}.slug-prefix[data-v-28136cb2]{display:inline-flex;align-items:center;padding:0 12px;background:#f1f5f9;border:1.5px solid #d1d5db;border-right:none;border-radius:6px 0 0 6px;font-family:Fira Code,monospace;font-size:13px;color:#475569}.slug-row input[data-v-28136cb2]{border-radius:0 6px 6px 0}.errors[data-v-28136cb2]{margin-top:8px;display:flex;flex-direction:column;gap:2px}.err[data-v-28136cb2]{font-size:12px;color:#e74c3c}.result[data-v-28136cb2]{margin-top:10px;font-size:13px;color:#166534;background:#f0fdf4;padding:6px 10px;border-radius:4px;border:1px solid #86efac}.btn[data-v-28136cb2]{padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.btn-primary[data-v-28136cb2]{background:#646cff;color:#fff}.btn-primary[data-v-28136cb2]:hover:not(:disabled){background:#535bf2}.btn-primary[data-v-28136cb2]:disabled{opacity:.4;cursor:not-allowed}.btn-sm[data-v-28136cb2]{padding:9px 14px}.howto[data-v-28136cb2]{margin-top:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.howto summary[data-v-28136cb2]{font-size:13px;font-weight:600;color:#374151;cursor:pointer;outline:none}.howto pre[data-v-28136cb2]{background:#1e2637;color:#cdd4e0;padding:14px 16px;border-radius:6px;font-size:12.5px;font-family:Fira Code,Cascadia Code,monospace;margin:12px 0 0;overflow-x:auto}.howto code[data-v-28136cb2]{background:transparent;color:inherit}.class-strip[data-v-38633f5a]{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#1e2637;border-radius:8px;margin-bottom:12px}.chip[data-v-38633f5a]{font-family:Fira Code,monospace;font-size:11.5px;padding:4px 10px;border-radius:999px;background:#2d3a50;color:#7a8899;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;cursor:help}.chip--active[data-v-38633f5a]{background:#1f6feb;color:#fff;border-color:#4493f8;box-shadow:0 0 0 2px #1f6feb40}.hint[data-v-38633f5a]{font-size:13px;color:#4a5568;background:#fef9c3;border-left:3px solid #facc15;padding:10px 14px;border-radius:0 6px 6px 0;margin:0 0 20px;line-height:1.6}.hint code[data-v-38633f5a]{background:#fff7ed;border:1px solid #fde68a;padding:1px 6px;border-radius:4px;font-size:12px;color:#92400e}.field-group[data-v-38633f5a]{margin-bottom:20px}.field-group label[data-v-38633f5a]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}input[type=text][data-v-38633f5a]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}input[data-v-38633f5a]:focus{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}input.v-invalid.v-touched[data-v-38633f5a]{border-color:#e53e3e}input.v-valid.v-dirty[data-v-38633f5a]{border-color:#38a169}.hint-row[data-v-38633f5a]{margin-top:4px;font-size:12px;min-height:16px}.pending[data-v-38633f5a]{color:#3498db}.ok[data-v-38633f5a]{color:#2f855a}.error-list[data-v-38633f5a]{margin-top:4px}.err[data-v-38633f5a]{display:block;font-size:12px;color:#e74c3c;margin-top:2px}.required[data-v-38633f5a]{color:#e74c3c}.form-actions[data-v-38633f5a]{display:flex;gap:12px;margin-top:24px}.btn[data-v-38633f5a]{padding:9px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none}.btn-primary[data-v-38633f5a]{background:#646cff;color:#fff}.btn-primary[data-v-38633f5a]:hover{background:#535bf2}.btn-secondary[data-v-38633f5a]{background:#e2e8f0;color:#374151}.btn-secondary[data-v-38633f5a]:hover{background:#cbd5e0}.banner-stack[data-v-38633f5a]{margin-top:24px;display:flex;flex-direction:column;gap:8px}.banner[data-v-38633f5a]{display:none;font-size:13px;padding:10px 14px;border-radius:6px;border:1px solid transparent;line-height:1.5}.banner-dirty[data-v-38633f5a]{background:#fff7ed;border-color:#fdba74;color:#9a3412}.banner-pending[data-v-38633f5a]{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.banner-submitted[data-v-38633f5a]{background:#f0fdf4;border-color:#86efac;color:#166534}form.v-form-dirty~.banner-stack .banner-dirty[data-v-38633f5a]{display:block}form.v-form-pending~.banner-stack .banner-pending[data-v-38633f5a]{display:block}form.v-form-submitted~.banner-stack .banner-submitted[data-v-38633f5a]{display:block}form.v-form-pending[data-v-38633f5a]{opacity:.65;transition:opacity .2s}.howto[data-v-38633f5a]{margin-top:28px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.howto summary[data-v-38633f5a]{font-size:13px;font-weight:600;color:#374151;cursor:pointer;outline:none}.howto pre[data-v-38633f5a]{background:#1e2637;color:#cdd4e0;padding:14px 16px;border-radius:6px;font-size:12.5px;font-family:Fira Code,Cascadia Code,monospace;margin:12px 0 0;overflow-x:auto}.howto code[data-v-38633f5a]{background:transparent;color:inherit}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}#app{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.error-item{display:flex;flex-direction:column;text-align:left}input.v-invalid.v-touched,textarea.v-invalid.v-touched,select.v-invalid.v-touched{border-color:#e74c3c!important;outline-color:#e74c3c}input.v-valid.v-dirty,textarea.v-valid.v-dirty,select.v-valid.v-dirty{border-color:#2ecc71!important;outline-color:#2ecc71}input.v-pending,textarea.v-pending,select.v-pending{border-color:#3498db!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}