.my-search.svelte-13tx5af label{color:var(--cds-text-02)}.my-search.enabled.svelte-13tx5af .icon.svelte-13tx5af{display:none}.my-search.disabled.svelte-13tx5af input{border-block-end:1px solid var(--selected)}.my-search.disabled.svelte-13tx5af .icon.svelte-13tx5af{position:absolute;top:50%;right:1rem}@keyframes svelte-1ec113i-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styleguide.svelte-1ec113i.svelte-1ec113i{display:flex;min-height:100vh;font-family:system-ui, sans-serif;background:var(--background);--cds-ui-02:#ffffff;--cds-ui-03:#e0e0e0;--cds-text-02:#525252;--cds-text-03:#a8a8a8;--cds-field-01:#f4f4f4}.sidebar.svelte-1ec113i.svelte-1ec113i{position:fixed;top:0;left:0;width:13rem;height:100vh;overflow-y:auto;padding:1.5rem 0;background:var(--primary);color:white;z-index:10}.sidebar-title.svelte-1ec113i.svelte-1ec113i{font-size:1.25rem;font-weight:700;padding:0 1rem 1rem;border-bottom:1px solid rgba(255, 255, 255, 0.15);margin-bottom:0.5rem}.nav-item.svelte-1ec113i.svelte-1ec113i{display:block;width:100%;padding:0.4rem 1rem;text-align:left;font-size:0.8rem;color:rgba(255, 255, 255, 0.7);background:none;border:none;cursor:pointer;text-transform:capitalize;transition:all 0.15s}.nav-item.svelte-1ec113i.svelte-1ec113i:hover{color:white;background:rgba(255, 255, 255, 0.1)}.nav-item.active.svelte-1ec113i.svelte-1ec113i{color:var(--accent);background:rgba(255, 255, 255, 0.05);font-weight:600}.content.svelte-1ec113i.svelte-1ec113i{margin-left:13rem;flex:1;padding:2rem 3rem 4rem;max-width:60rem}.page-title.svelte-1ec113i.svelte-1ec113i{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:0.25rem}.page-subtitle.svelte-1ec113i.svelte-1ec113i{font-size:0.875rem;color:var(--cds-text-02);margin-bottom:2.5rem}.page-subtitle.svelte-1ec113i code.svelte-1ec113i{background:var(--cds-field-01);padding:0.125rem 0.375rem;border-radius:3px;font-size:0.8rem}.section.svelte-1ec113i.svelte-1ec113i{margin-bottom:3rem;padding-top:1rem;border-top:1px solid var(--selected)}.section-title.svelte-1ec113i.svelte-1ec113i{font-size:1.35rem;font-weight:700;color:var(--primary);margin-bottom:0.25rem}.subsection-title.svelte-1ec113i.svelte-1ec113i{font-size:1rem;font-weight:600;color:var(--primary);margin-top:1.5rem;margin-bottom:0.5rem}.section-desc.svelte-1ec113i.svelte-1ec113i{font-size:0.85rem;color:var(--cds-text-02, #525252);margin-bottom:1rem;line-height:1.5}.usage-note.svelte-1ec113i.svelte-1ec113i{font-size:0.8rem;color:var(--cds-text-02, #525252);margin-top:0.75rem;line-height:1.5;font-style:italic}.usage-note.svelte-1ec113i code.svelte-1ec113i{font-style:normal;background:var(--cds-field-01, #f4f4f4);padding:0.1rem 0.3rem;border-radius:3px;font-size:0.75rem}.controls.svelte-1ec113i.svelte-1ec113i{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:0.75rem 1rem;background:white;border:1px solid var(--selected);border-radius:var(--round);margin-bottom:1rem}.control-group.svelte-1ec113i.svelte-1ec113i{display:flex;align-items:center;gap:0.5rem}.control-label.svelte-1ec113i.svelte-1ec113i{font-size:0.75rem;font-weight:600;color:var(--cds-text-02);text-transform:uppercase;letter-spacing:0.05em}.control-value.svelte-1ec113i.svelte-1ec113i{font-size:0.75rem;color:var(--cds-text-02);min-width:2.5rem}.controls.svelte-1ec113i select.svelte-1ec113i{padding:0.25rem 0.5rem;font-size:0.8rem;border:1px solid var(--selected);border-radius:3px;background:white}.controls.svelte-1ec113i input[type="range"].svelte-1ec113i{width:8rem;accent-color:var(--accent)}.checkbox-label.svelte-1ec113i.svelte-1ec113i{display:flex;align-items:center;gap:0.35rem;font-size:0.8rem;color:var(--cds-text-02);cursor:pointer}.checkbox-label.svelte-1ec113i input[type="checkbox"].svelte-1ec113i{accent-color:var(--accent)}.preview.svelte-1ec113i.svelte-1ec113i{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;background:white;border:1px solid var(--selected);border-radius:var(--round);min-height:3rem}.preview-col.svelte-1ec113i.svelte-1ec113i{flex-direction:column;align-items:stretch}.preview-dark.svelte-1ec113i.svelte-1ec113i{background:var(--primary)}.icon-row.svelte-1ec113i.svelte-1ec113i{display:flex;gap:1.25rem;align-items:center}.icon-label.svelte-1ec113i.svelte-1ec113i{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.radio-group.svelte-1ec113i.svelte-1ec113i{display:flex}.input-row.svelte-1ec113i.svelte-1ec113i{width:100%;max-width:24rem}.dropdown-container.svelte-1ec113i.svelte-1ec113i{width:16rem}.search-container.svelte-1ec113i.svelte-1ec113i{width:24rem}.counter-demo.svelte-1ec113i.svelte-1ec113i{width:100%;max-width:24rem}.demo-input.svelte-1ec113i.svelte-1ec113i{width:100%;padding:0.4rem 0.5rem;border:1px solid var(--selected);border-radius:3px;font-size:0.85rem;margin-bottom:0.5rem}.time-row.svelte-1ec113i.svelte-1ec113i{display:flex;align-items:center;gap:0.5rem}.caption.svelte-1ec113i.svelte-1ec113i{font-size:0.75rem;color:var(--cds-text-02)}.placeholder-box.svelte-1ec113i.svelte-1ec113i{height:10rem;border:1px solid var(--selected);border-radius:var(--round);overflow:hidden}.tokens-grid.svelte-1ec113i.svelte-1ec113i{display:grid;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));gap:0.75rem}.token.svelte-1ec113i.svelte-1ec113i{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background:white;border:1px solid var(--selected);border-radius:var(--round)}.token-swatch.svelte-1ec113i.svelte-1ec113i{width:2rem;height:2rem;border-radius:4px;flex-shrink:0;border:1px solid rgba(0, 0, 0, 0.1)}.ai-gradient.svelte-1ec113i.svelte-1ec113i{background:var(--ai-gradient)}.token-name.svelte-1ec113i.svelte-1ec113i{font-size:0.7rem;font-family:monospace;color:var(--cds-text-02)}.modal-preview-frame.svelte-1ec113i.svelte-1ec113i{width:100%;max-width:36rem;pointer-events:none}.modal-preview-frame.svelte-1ec113i .bx--modal-container{position:relative;width:100%;height:auto;max-height:none;transform:none;background-color:var(--cds-ui-01, #f4f4f4);border:1px solid var(--selected);border-radius:var(--round);overflow:hidden}.modal-preview-frame.svelte-1ec113i .bx--modal-header{padding:1rem 3rem 0.25rem 1rem;margin-bottom:0;background-color:var(--cds-ui-01, #f4f4f4);position:relative}.modal-preview-frame.svelte-1ec113i .bx--modal-header__heading{font-size:1.25rem;font-weight:600;color:var(--cds-text-01, #161616)}.modal-preview-frame.svelte-1ec113i .bx--modal-close{position:absolute;top:0;right:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:default;color:var(--cds-icon-01, #161616)}.modal-preview-frame.svelte-1ec113i .bx--modal-close__icon{fill:var(--cds-icon-01, #161616)}.modal-preview-frame.svelte-1ec113i .bx--modal-content{padding:0 1rem;margin-bottom:0;overflow:visible}.modal-preview-body.svelte-1ec113i.svelte-1ec113i{padding:0.5rem 0 1rem;font-size:0.875rem;color:var(--cds-text-02, #525252);line-height:1.5}.modal-preview-frame.svelte-1ec113i .bx--modal-footer{display:flex;justify-content:flex-end;height:4rem}.modal-preview-frame.svelte-1ec113i .bx--modal-footer .bx--btn{flex:1;max-width:none;height:100%;border:none;font-size:0.875rem;padding:1rem;display:inline-flex;align-items:flex-end}.modal-preview-frame.svelte-1ec113i .bx--btn--primary{background-color:var(--btn-primary);color:white}.modal-preview-frame.svelte-1ec113i .bx--btn--secondary{background-color:var(--cds-button-secondary, #393939);color:white}.modal-preview-frame.svelte-1ec113i .bx--btn--danger{background-color:var(--cds-danger-01, #da1e28);color:white}.modal-preview-frame.svelte-1ec113i .bx--btn:disabled{opacity:0.5;cursor:not-allowed}.modal-preview-frame.svelte-1ec113i .bx--modal--danger .bx--modal-header__heading{color:var(--cds-text-01, #161616)}.modal-preview-frame.warning.svelte-1ec113i .bx--btn--primary{background-color:var(--cds-warning)}.slot-placeholder.svelte-1ec113i.svelte-1ec113i{display:flex;align-items:center;gap:0.75rem;padding:1rem;border:1px dashed var(--cds-ui-03, #e0e0e0);border-radius:var(--round);background:var(--cds-ui-02, #ffffff)}.slot-placeholder-icon.svelte-1ec113i.svelte-1ec113i{flex-shrink:0;color:var(--cds-text-03, #a8a8a8)}.slot-placeholder-text.svelte-1ec113i.svelte-1ec113i{font-size:0.8rem;color:var(--cds-text-03, #a8a8a8);font-style:italic}