.Showroom-module__pgyaUq__root{--showroom-sidebar-width:260px;--showroom-gap:18px;--showroom-padding:24px;--showroom-panel:#ffffffe0;--showroom-panel-border:#5162ff29;--showroom-muted:#5162ff14;--showroom-bg-start:#f3f4ff;--showroom-bg-mid:#dfe4ff;--showroom-bg-end:#cad4fe;min-height:100vh;color:var(--text-primary);background:radial-gradient(150% 120% at 20% 10%,#ffffffeb 0%,#eaeeffd9 32%,#d2dcffeb 58%,#c6cdf8f5 100%),linear-gradient(180deg,var(--showroom-bg-start)0%,var(--showroom-bg-mid)55%,var(--showroom-bg-end)100%)}.Showroom-module__pgyaUq__themeDark{--showroom-panel:#101628e6;--showroom-panel-border:#7788d047;--showroom-muted:#7788d02e;--showroom-bg-start:#0b1120;--showroom-bg-mid:#131a2d;--showroom-bg-end:#0e1426;--text-primary:#e3e7ff;--text-secondary:#b7bfde;--text-tertiary:#8f97b8;--border-subtle:#8f9fdd38;--border-strong:#8f9fdd59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.Showroom-module__pgyaUq__densityCompact{--showroom-gap:12px;--showroom-padding:16px}.Showroom-module__pgyaUq__shell{grid-template-columns:var(--showroom-sidebar-width)minmax(0,1fr);min-height:100vh;display:grid}.Showroom-module__pgyaUq__sidebar{padding:var(--showroom-padding);border-right:1px solid var(--showroom-panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb3;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.Showroom-module__pgyaUq__themeDark .Showroom-module__pgyaUq__sidebar{background:#0c1020d9}.Showroom-module__pgyaUq__sidebarHeader{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.Showroom-module__pgyaUq__sidebarTitle{letter-spacing:.01em;font-size:16px;font-weight:700}.Showroom-module__pgyaUq__sidebarMeta{color:var(--text-tertiary);font-size:12px}.Showroom-module__pgyaUq__sidebarNav{flex-direction:column;gap:14px;display:flex}.Showroom-module__pgyaUq__navGroup{flex-direction:column;gap:6px;display:flex}.Showroom-module__pgyaUq__navCategory{text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-size:11px}.Showroom-module__pgyaUq__navItems{flex-direction:column;gap:6px;display:flex}.Showroom-module__pgyaUq__navItem{color:var(--text-secondary);border-radius:10px;padding:6px 8px;font-size:13px;text-decoration:none;transition:background .2s,color .2s}.Showroom-module__pgyaUq__navItem:hover{background:var(--showroom-muted);color:var(--text-primary)}.Showroom-module__pgyaUq__main{padding:var(--showroom-padding);gap:var(--showroom-gap);flex-direction:column;display:flex;overflow-y:auto}.Showroom-module__pgyaUq__toolbar{border:1px solid var(--showroom-panel-border);background:var(--showroom-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;top:16px}.Showroom-module__pgyaUq__toolbarIntro h1{margin:0;font-size:22px;font-weight:700}.Showroom-module__pgyaUq__toolbarIntro p{color:var(--text-tertiary);margin:4px 0 0;font-size:13px}.Showroom-module__pgyaUq__toolbarControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.Showroom-module__pgyaUq__searchInput{border:1px solid var(--showroom-panel-border);min-width:200px;color:var(--text-primary);background:#ffffffe6;border-radius:12px;padding:8px 12px;font-size:13px}.Showroom-module__pgyaUq__themeDark .Showroom-module__pgyaUq__searchInput{background:#0c1020b3}.Showroom-module__pgyaUq__searchInput:focus{outline-offset:2px;outline:2px solid #5162ff59}.Showroom-module__pgyaUq__toggleGroup{flex-direction:column;gap:6px;display:flex}.Showroom-module__pgyaUq__toggleLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:11px}.Showroom-module__pgyaUq__toggleButtons{gap:6px;display:flex}.Showroom-module__pgyaUq__toggleButton{border:1px solid var(--showroom-panel-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px;font-size:12px;transition:all .2s}.Showroom-module__pgyaUq__toggleButton:hover{color:var(--text-primary);background:var(--showroom-muted)}.Showroom-module__pgyaUq__toggleActive{color:var(--text-primary);background:#5162ff2e;border-color:#5162ff52;font-weight:600}.Showroom-module__pgyaUq__content{gap:var(--showroom-gap);flex-direction:column;display:flex}.Showroom-module__pgyaUq__categorySection{flex-direction:column;gap:14px;display:flex}.Showroom-module__pgyaUq__categoryTitle{margin:0;font-size:18px;font-weight:700}.Showroom-module__pgyaUq__componentGrid{flex-direction:column;gap:16px;display:flex}.Showroom-module__pgyaUq__componentCard{border:1px solid var(--showroom-panel-border);background:var(--showroom-panel);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.Showroom-module__pgyaUq__componentHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.Showroom-module__pgyaUq__componentName{margin:0;font-size:18px;font-weight:700}.Showroom-module__pgyaUq__componentDescription{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.Showroom-module__pgyaUq__exampleList{flex-direction:column;gap:12px;display:flex}.Showroom-module__pgyaUq__exampleCard{border:1px solid var(--showroom-panel-border);background:#fffc;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.Showroom-module__pgyaUq__themeDark .Showroom-module__pgyaUq__exampleCard{background:#0c102099}.Showroom-module__pgyaUq__exampleHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.Showroom-module__pgyaUq__exampleTitle{font-size:14px;font-weight:600}.Showroom-module__pgyaUq__exampleDescription{color:var(--text-tertiary);margin-top:4px;font-size:12px}.Showroom-module__pgyaUq__exampleActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.Showroom-module__pgyaUq__copyButton{border:1px solid var(--showroom-panel-border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:10px;padding:6px 10px;font-size:12px}.Showroom-module__pgyaUq__copyButton:hover{background:var(--showroom-muted);color:var(--text-primary)}.Showroom-module__pgyaUq__examplePreview{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.Showroom-module__pgyaUq__codeGroup{flex-direction:column;gap:6px;display:flex}.Showroom-module__pgyaUq__codeLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:11px}.Showroom-module__pgyaUq__codeBlock{border:1px solid var(--showroom-panel-border);white-space:pre-wrap;color:var(--text-secondary);background:#0f172a0f;border-radius:10px;margin:0;padding:10px;font-size:12px}.Showroom-module__pgyaUq__themeDark .Showroom-module__pgyaUq__codeBlock{background:#0a0e1c99}.Showroom-module__pgyaUq__emptyState{border:1px dashed var(--showroom-panel-border);text-align:center;color:var(--text-tertiary);background:#ffffff80;border-radius:18px;padding:32px}.Showroom-module__pgyaUq__emptyState h2{color:var(--text-primary);margin:0 0 6px;font-size:18px}.Showroom-module__pgyaUq__emptyState p{margin:0;font-size:13px}@media (max-width:900px){.Showroom-module__pgyaUq__shell{grid-template-columns:1fr}.Showroom-module__pgyaUq__sidebar{border-right:none;border-bottom:1px solid var(--showroom-panel-border)}.Showroom-module__pgyaUq__toolbar{position:static}}@media (max-width:600px){.Showroom-module__pgyaUq__toolbar{flex-direction:column;align-items:flex-start}.Showroom-module__pgyaUq__toolbarControls{justify-content:flex-start;width:100%}.Showroom-module__pgyaUq__searchInput{width:100%}}
.Badge-module__yqYDGW__badge{letter-spacing:.01em;color:var(--text-secondary);white-space:nowrap;background:#94a3b829;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.Badge-module__yqYDGW__icon{justify-content:center;align-items:center;display:inline-flex}.Badge-module__yqYDGW__sm{padding:4px 10px;font-size:12px}.Badge-module__yqYDGW__primary{color:#3b5bff}.Badge-module__yqYDGW__success{color:#059669}.Badge-module__yqYDGW__warning{color:#b45309}.Badge-module__yqYDGW__danger{color:#dc2626}.Badge-module__yqYDGW__neutral{color:#475569}
.Button-module__VMVMAW__button{letter-spacing:.01em;cursor:pointer;color:#3d5bff;background:#5162ff14;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;line-height:1;transition:background .2s,color .2s,box-shadow .2s,border-color .2s;display:inline-flex}.Button-module__VMVMAW__button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.Button-module__VMVMAW__icon{justify-content:center;align-items:center;font-size:0;display:inline-flex}.Button-module__VMVMAW__iconOnly{padding:6px}.Button-module__VMVMAW__label{justify-content:center;align-items:center;display:inline-flex}.Button-module__VMVMAW__primary{color:#3d5bff;background:#5162ff1a;border-color:#5162ff99;box-shadow:0 6px 16px #5162ff26}.Button-module__VMVMAW__primary:hover:not(:disabled){background:#5162ff33}.Button-module__VMVMAW__success{color:#059669;background:#10b9811a;border-color:#10b9814d}.Button-module__VMVMAW__warning{color:#b45309;background:#f59e0b1a;border-color:#f59e0b66}.Button-module__VMVMAW__destructive{color:#dc2626;background:#f8717114;border-color:#f8717166}.Button-module__VMVMAW__secondary{color:#475569;background:#94a3b829;border-color:#94a3b866}.Button-module__VMVMAW__outline{color:#3d5bff;background:0 0;border-color:#7b88ff80}.Button-module__VMVMAW__outline:hover:not(:disabled){background:#5162ff14}.Button-module__VMVMAW__ghost{color:var(--text-secondary,#4b5563);background:0 0}.Button-module__VMVMAW__ghost:hover:not(:disabled){background:#94a3b81f}.Button-module__VMVMAW__sm{padding:4px 10px;font-size:11px}.Button-module__VMVMAW__lg{padding:7px 18px;font-size:14px}
.InputField-module__Wd9Snq__wrapper{flex-direction:column;gap:4px;width:100%;font-size:13px;display:flex}.InputField-module__Wd9Snq__label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:12px;font-weight:600}.InputField-module__Wd9Snq__control{width:100%;position:relative}.InputField-module__Wd9Snq__input{color:#0f172a;resize:none;background:#fffffff2;border:1px solid #94a3b866;border-radius:16px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.InputField-module__Wd9Snq__input:focus{border-color:#5162ffcc;outline:none;box-shadow:0 0 0 3px #5162ff1a}.InputField-module__Wd9Snq__withIcon{padding-left:36px}.InputField-module__Wd9Snq__withTrailing{padding-right:34px}.InputField-module__Wd9Snq__icon,.InputField-module__Wd9Snq__trailing{color:#94a3b8;justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.InputField-module__Wd9Snq__icon{left:11px}.InputField-module__Wd9Snq__trailing{right:11px}.InputField-module__Wd9Snq__helper{color:#94a3b8;font-size:12px}
.TagPill-module__bkeJHG__pill{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;background:#94a3b829;border:none;border-radius:18px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.TagPill-module__bkeJHG__titleCase{text-transform:none;letter-spacing:.01em}.TagPill-module__bkeJHG__remove{cursor:pointer;width:20px;height:20px;color:var(--text-tertiary);background:#ffffff73;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.TagPill-module__bkeJHG__remove:hover{background:#ffffffb3}
.Toast-module__HsjkRa__toast-root{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:30px;right:30px}.Toast-module__HsjkRa__toast{background:#fffffff5;border:1px solid #7d89c440;border-radius:18px;align-items:flex-start;gap:12px;min-width:240px;max-width:360px;padding:14px 18px;animation:.2s Toast-module__HsjkRa__fadeIn;display:flex;box-shadow:0 18px 38px #13183a33}.Toast-module__HsjkRa__toast.Toast-module__HsjkRa__success{border-color:#00b87c59}.Toast-module__HsjkRa__toast.Toast-module__HsjkRa__error{border-color:#eb575766}.Toast-module__HsjkRa__toast.Toast-module__HsjkRa__info{border-color:#788ad066}.Toast-module__HsjkRa__toast .Toast-module__HsjkRa__content{flex-direction:column;flex:1;gap:4px;display:flex}.Toast-module__HsjkRa__toast .Toast-module__HsjkRa__title{color:#0e0f1c;font-size:14px;font-weight:600}.Toast-module__HsjkRa__toast .Toast-module__HsjkRa__message{color:#5a608b;font-size:13px;line-height:1.4}.Toast-module__HsjkRa__toast button{color:#4a4f77;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}@keyframes Toast-module__HsjkRa__fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}