.button[data-v-fdf9d5f0]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out;min-height:2.5rem}.button[data-v-fdf9d5f0]:focus{outline:2px solid #3b82f6;outline-offset:2px}.button--primary[data-v-fdf9d5f0]{background-color:#3b82f6;color:#fff}.button--primary[data-v-fdf9d5f0]:hover:not(:disabled){background-color:#2563eb}.button--secondary[data-v-fdf9d5f0]{background-color:#6b7280;color:#fff}.button--secondary[data-v-fdf9d5f0]:hover:not(:disabled){background-color:#4b5563}.button--outline[data-v-fdf9d5f0]{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.button--outline[data-v-fdf9d5f0]:hover:not(:disabled){background-color:#3b82f6;color:#fff}.button--disabled[data-v-fdf9d5f0]{opacity:.5;cursor:not-allowed}.button--block[data-v-fdf9d5f0]{width:100%}.modal-overlay[data-v-9e74cf8e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-9e74cf8e]{background:white;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-9e74cf8e]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-title[data-v-9e74cf8e]{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.modal-close[data-v-9e74cf8e]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .15s ease-in-out}.modal-close[data-v-9e74cf8e]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-9e74cf8e]{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer[data-v-9e74cf8e]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.5rem}.modal-enter-active[data-v-9e74cf8e],.modal-leave-active[data-v-9e74cf8e]{transition:opacity .3s ease}.modal-enter-from[data-v-9e74cf8e],.modal-leave-to[data-v-9e74cf8e]{opacity:0}.modal-enter-active .modal-content[data-v-9e74cf8e],.modal-leave-active .modal-content[data-v-9e74cf8e]{transition:transform .3s ease}.modal-enter-from .modal-content[data-v-9e74cf8e],.modal-leave-to .modal-content[data-v-9e74cf8e]{transform:scale(.9)}:root{--sb-color-primary: #1ea7fd;--sb-color-secondary: #6b7280;--sb-color-success: #10b981;--sb-color-warning: #f59e0b;--sb-color-danger: #ef4444;--sb-color-dark: #1f2937;--sb-color-light: #f9fafb;--sb-color-white: #ffffff;--sb-color-gray-50: #f9fafb;--sb-color-gray-100: #f3f4f6;--sb-color-gray-200: #e5e7eb;--sb-color-gray-300: #d1d5db;--sb-color-gray-400: #9ca3af;--sb-color-gray-500: #6b7280;--sb-color-gray-600: #4b5563;--sb-color-gray-700: #374151;--sb-color-gray-800: #1f2937;--sb-color-gray-900: #111827;--sb-border-radius: 8px;--sb-border-radius-sm: 4px;--sb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sb-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--sb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--sb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sb-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--sb-font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}.component-doc{max-width:1200px;margin:0 auto;padding:2rem;font-family:var(--sb-font-family);color:var(--sb-color-gray-900);line-height:1.6}.component-doc h1{font-size:2.25rem;font-weight:700;color:var(--sb-color-gray-900);margin:0 0 1rem;line-height:1.2}.description{margin:1.5rem 0;font-size:1rem;color:var(--sb-color-gray-600);line-height:1.7}.description h1,.description h2,.description h3,.description h4,.description h5,.description h6{color:var(--sb-color-gray-900);margin-top:1.5rem;margin-bottom:.75rem}.description p{margin-bottom:1rem}.description code{background:var(--sb-color-gray-50);padding:.125rem .25rem;border-radius:var(--sb-border-radius-sm);font-family:var(--sb-font-mono);font-size:.875em;color:#222}.description pre{background:var(--sb-color-gray-100);color:#222;padding:1rem;border-radius:var(--sb-border-radius);overflow-x:auto;margin:1rem 0}.description pre code{background:none;padding:0;color:inherit}.playground-section{margin:3rem 0;background:var(--sb-color-white);border:1px solid var(--sb-color-gray-200);border-radius:var(--sb-border-radius);box-shadow:var(--sb-shadow)}.device-controls{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--sb-color-gray-50);border-bottom:1px solid var(--sb-color-gray-200);font-size:.875rem;flex-wrap:wrap}.device-controls .device-buttons,.device-controls .custom-width-controls,.device-controls .zoom-controls{display:flex;align-items:center;gap:.5rem}.device-controls button{padding:.5rem 1rem;border:1px solid var(--sb-color-gray-300);background:var(--sb-color-white);color:var(--sb-color-gray-700);border-radius:var(--sb-border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out}.device-controls button:hover{background:var(--sb-color-gray-50);border-color:var(--sb-color-gray-400)}.device-controls button.active{background:var(--sb-color-primary);color:var(--sb-color-white);border-color:var(--sb-color-primary)}.device-controls .label{color:var(--sb-color-gray-600);font-weight:500;margin-left:1rem}.device-controls .label:first-child{margin-left:0}.device-controls input[type=range]{width:120px;height:4px;background:var(--sb-color-gray-200);border-radius:2px;outline:none;-webkit-appearance:none}.device-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--sb-color-primary);border-radius:50%;cursor:pointer}.device-controls .px{color:var(--sb-color-gray-600);font-family:var(--sb-font-mono);font-size:.875rem;min-width:60px}.playground-iframe{border:1px solid #e5e7eb;background:var(--sb-color-white);display:block;margin:0 auto;transition:width .3s ease}.doc-tabs-section{margin:3rem 0;background:var(--sb-color-white);border:1px solid var(--sb-color-gray-200);border-radius:var(--sb-border-radius);overflow:hidden;box-shadow:var(--sb-shadow)}.tabs{display:flex;background:var(--sb-color-gray-50);border-bottom:1px solid var(--sb-color-gray-200)}.tab-btn{padding:1rem 1.5rem;border:none;background:transparent;color:var(--sb-color-gray-600);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;position:relative}.tab-btn:hover{color:var(--sb-color-gray-900);background:var(--sb-color-gray-100)}.tab-btn.active{color:var(--sb-color-primary);background:var(--sb-color-white);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sb-color-primary)}.tab-content{padding:1.5rem}.props-table{width:100%;border-collapse:collapse;font-size:.875rem}.props-table th{background:var(--sb-color-gray-50);color:var(--sb-color-gray-700);font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--sb-color-gray-200);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.props-table td{padding:.75rem 1rem;border-bottom:1px solid var(--sb-color-gray-100);vertical-align:top}.props-table tr:hover{background:var(--sb-color-gray-50)}.props-table code{background:var(--sb-color-gray-100);color:var(--sb-color-gray-900);padding:.125rem .25rem;border-radius:var(--sb-border-radius-sm);font-family:var(--sb-font-mono);font-size:.875em}.text-center{text-align:center}.prop-input{width:100%;padding:.5rem;border:1px solid var(--sb-color-gray-300);border-radius:var(--sb-border-radius-sm);font-size:.875rem;font-family:var(--sb-font-mono);transition:border-color .15s ease-in-out}.prop-input:focus{outline:none;border-color:var(--sb-color-primary);box-shadow:0 0 0 3px #1ea7fd1a}.prop-input[type=checkbox]{width:auto;margin:0}.prop-input[type=number]{width:80px}.emits-log{margin-top:2rem}.emits-log h3{font-size:1rem;font-weight:600;color:var(--sb-color-gray-900);margin-bottom:1rem}.log-container{max-height:300px;overflow-y:auto;background:var(--sb-color-gray-900);border-radius:var(--sb-border-radius);padding:1rem;font-family:var(--sb-font-mono);font-size:.875rem}.log-entry{padding:.75rem;border-bottom:1px solid var(--sb-color-gray-700);color:var(--sb-color-gray-100)}.log-entry:last-child{border-bottom:none}.timestamp{color:var(--sb-color-gray-400);margin-right:1rem;font-size:.75rem}.event-name{color:var(--sb-color-primary);font-weight:600;margin-right:1rem}.event-payload{margin-top:.5rem;padding:.5rem;background:var(--sb-color-gray-800);border-radius:var(--sb-border-radius-sm);font-size:.75rem;color:var(--sb-color-gray-200);overflow-x:auto}@media (max-width: 1024px){.component-doc{padding:0}.device-controls{flex-wrap:wrap;gap:.5rem}.device-controls input[type=range]{width:80px}.tabs{flex-direction:column}.tab-btn{border-bottom:1px solid var(--sb-color-gray-200)}.tab-btn.active:after{display:none}.props-table{font-size:.75rem}.props-table th,.props-table td{padding:.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.styleguide-container{display:flex;min-height:100vh;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.styleguide-nav{width:240px;background:#fff;border-right:1px solid #e5e7eb;box-shadow:1px 0 #e5e7eb;min-height:100vh;padding:2rem 0;position:sticky;top:0;left:0;z-index:10;display:flex;flex-direction:column}.nav-tabs{display:flex;flex-direction:column;gap:.25rem;padding:0 1.5rem}.nav-tab{background:none;border:none;text-align:left;padding:.75rem 1rem;border-radius:6px;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.nav-tab--active,.nav-tab:hover{background:#e0f2fe;color:#0284c7}.styleguide-content{flex:1 1 0%;min-width:0;background:#fff;padding:2.5rem 3rem;min-height:100vh;box-sizing:border-box;overflow-x:auto}.no-docs{text-align:center;padding:4rem 2rem;color:#6b7280}.no-docs h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#111827}.no-docs p{font-size:1rem;margin:0}@media (max-width: 900px){.styleguide-container{flex-direction:column}.styleguide-nav{width:100%;min-height:auto;border-right:none;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #e5e7eb;flex-direction:row;padding:.5rem 0;position:static}.nav-tabs{flex-direction:row;gap:.5rem;padding:0 1rem;overflow-x:auto}.styleguide-content{padding:0}}.slot-editor{margin-top:1.5rem}.slot-editor .editor-container{background:linear-gradient(to right,#eff6ff,#e0e7ff);border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.slot-editor .editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.slot-editor .editor-title{display:flex;align-items:center;gap:.5rem}.slot-editor .editor-indicator{width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%}.slot-editor .editor-title h4{font-weight:600;color:#1f2937;margin:0}.slot-editor .editor-actions{display:flex;gap:.5rem}.slot-editor .btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;gap:.25rem;box-shadow:0 1px 2px #0000000d}.slot-editor .btn-apply{background-color:#2563eb;color:#fff}.slot-editor .btn-apply:hover{background-color:#1d4ed8}.slot-editor .btn-cancel{background-color:#6b7280;color:#fff}.slot-editor .btn-cancel:hover{background-color:#4b5563}.slot-editor .btn svg{width:1rem;height:1rem}.slot-editor .textarea-container{position:relative}.slot-editor .slot-textarea{width:100%;height:10rem;border:1px solid #d1d5db;border-radius:.5rem;padding:1rem;font-family:var(--sb-font-mono);font-size:.875rem;resize:none;background-color:#fff;box-shadow:inset 0 2px 4px #0000000f;line-height:1.5;transition:all .15s ease-in-out}.slot-editor .slot-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,inset 0 2px 4px #0000000f}.slot-editor .char-counter{position:absolute;top:.5rem;right:.5rem;font-size:.75rem;color:#9ca3af;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.slot-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.slot-table th{background-color:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.slot-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:.875rem}.slot-table tr:hover{background-color:#f9fafb}.slot-table code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:var(--sb-font-mono);font-size:.875em;color:#374151}.slot-table .action-cell{width:80px}.slot-table .edit-btn{padding:.25rem .5rem;background-color:#6b7280;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .15s ease-in-out}.slot-table .edit-btn:hover{background-color:#4b5563}@media (max-width: 768px){.slot-editor .editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.slot-editor .editor-actions{width:100%;justify-content:flex-end}.slot-editor .slot-textarea{height:8rem}}.demo-app[data-v-2c38a4ea]{max-width:1500px;margin:0 auto}header[data-v-2c38a4ea]{text-align:center;margin-bottom:3rem}header h1[data-v-2c38a4ea]{color:#2c3e50;margin-bottom:.5rem}header p[data-v-2c38a4ea]{color:#7f8c8d;font-size:1.1rem}.demo-section[data-v-2c38a4ea]{margin-bottom:3rem;border:1px solid #ecf0f1;border-radius:8px;background:#fafbfc}.demo-section h2[data-v-2c38a4ea]{color:#34495e;margin-bottom:1.5rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.component-demo[data-v-2c38a4ea]{display:flex;gap:1rem;flex-wrap:wrap}