.ds-demo[data-v-dbf147f0]{max-width:100%;margin:0;padding:40px 20px 80px;background-color:var(--ds-body-bg);color:var(--ds-text);min-height:100vh}.ds-demo>[data-v-dbf147f0]{max-width:1000px;margin-left:auto;margin-right:auto}.ds-demo h1[data-v-dbf147f0],.ds-demo h2[data-v-dbf147f0],.ds-demo h3[data-v-dbf147f0],.ds-demo h4[data-v-dbf147f0],.ds-demo h5[data-v-dbf147f0],.ds-demo h6[data-v-dbf147f0]{color:var(--ds-text)}.ds-demo p[data-v-dbf147f0]{color:var(--ds-text-secondary)}.ds-demo__header[data-v-dbf147f0]{margin-bottom:40px}.ds-demo__header h1[data-v-dbf147f0]{font-size:28px;font-weight:700;color:var(--ds-text);margin:0 0 4px}.ds-demo__subtitle[data-v-dbf147f0]{font-size:14px;color:var(--ds-text-muted);margin:0 0 20px}.ds-demo__tabs[data-v-dbf147f0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.ds-demo__section[data-v-dbf147f0]{margin-bottom:32px}.ds-demo__section-title[data-v-dbf147f0]{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ds-text);margin:0 0 8px}.ds-demo__section-desc[data-v-dbf147f0]{font-size:13px;color:var(--ds-text-muted);margin:0 0 16px}.ds-demo__divider[data-v-dbf147f0]{border:none;border-top:1px solid var(--ds-border);margin:32px 0}.ds-demo__row[data-v-dbf147f0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.ds-demo__row--thirds>[data-v-dbf147f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px}.ds-demo__card-half[data-v-dbf147f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px}.ds-demo__card-label[data-v-dbf147f0]{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ds-text-muted)}.ds-demo__color-row[data-v-dbf147f0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.ds-demo__color-swatch[data-v-dbf147f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2px;color:#fff;font-size:10px;position:relative;min-height:70px}.ds-demo__color-swatch--light[data-v-dbf147f0]{color:#333}.ds-demo__color-step[data-v-dbf147f0]{font-weight:600;font-size:11px}.ds-demo__color-hex[data-v-dbf147f0]{font-size:9px;opacity:.8;text-transform:uppercase}.ds-demo__color-primary[data-v-dbf147f0]{position:absolute;top:4px;right:6px;font-weight:700;font-size:10px}.ds-demo__progress-row[data-v-dbf147f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:16px}.ds-demo__progress-row>span[data-v-dbf147f0]:first-child{width:100px;font-size:13px;color:var(--ds-text)}.ds-demo__progress-row>.ui-progress[data-v-dbf147f0]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ds-demo__toast-preview[data-v-dbf147f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;background:var(--ds-surface);border:1px solid var(--ds-border);-webkit-box-shadow:0 4px 6px rgba(0,0,0,.07);box-shadow:0 4px 6px rgba(0,0,0,.07);font-size:14px;color:var(--ds-text)}.ds-demo__toast-preview--dark[data-v-dbf147f0]{background:#242030;border-color:#352742;color:#e6dfeb}.ds-demo__toast-dot[data-v-dbf147f0]{width:10px;height:10px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}