.tuff-demo[data-v-a7a4c59a]{background:transparent;border:none;box-shadow:none;gap:14px;padding:0;--tuff-demo-window-bg:var(--tx-bg-color);--tuff-demo-window-border:var(--tx-border-color-light);--tuff-demo-divider:var(--tx-border-color-lighter);--tuff-demo-bar-bg-start:var(--tx-bg-color);--tuff-demo-bar-bg-end:var(--tx-fill-color-light);--tuff-demo-preview-bg:var(--tx-bg-color);--tuff-demo-row-bg:var(--tx-bg-color);--tuff-demo-code-bg-start:var(--tx-fill-color);--tuff-demo-code-bg-end:var(--tx-fill-color-light)}.tuff-demo[data-v-a7a4c59a],.tuff-demo__header[data-v-a7a4c59a]{display:flex;flex-direction:column}.tuff-demo__header[data-v-a7a4c59a]{gap:6px;margin-bottom:0}.tuff-demo__title[data-v-a7a4c59a]{font-size:18px;font-weight:600;letter-spacing:.2px}.tuff-demo__desc[data-v-a7a4c59a]{color:var(--tx-text-color-secondary);font-size:14px;margin:0}.tuff-demo__window[data-v-a7a4c59a]{background:var(--tuff-demo-window-bg);border:1px solid var(--tuff-demo-window-border);border-radius:26px;box-shadow:var(--tuff-demo-window-shadow);overflow:hidden}.tuff-demo__window-bar[data-v-a7a4c59a]{align-items:center;background:linear-gradient(90deg,var(--tuff-demo-bar-bg-start),var(--tuff-demo-bar-bg-end));border-bottom:1px solid var(--tuff-demo-divider);display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.tuff-demo__window-actions[data-v-a7a4c59a]{align-items:center;display:inline-flex}.tuff-demo__reset-btn[data-v-a7a4c59a]{gap:6px}.tuff-demo__reset-icon[data-v-a7a4c59a]{font-size:12px}.tuff-demo__dots[data-v-a7a4c59a]{align-items:center;display:inline-flex;gap:6px}.tuff-demo__dot[data-v-a7a4c59a]{border-radius:999px;box-shadow:inset 0 0 0 1px var(--tx-border-color);height:10px;width:10px}.tuff-demo__dot.is-red[data-v-a7a4c59a]{background:var(--tx-color-danger)}.tuff-demo__dot.is-yellow[data-v-a7a4c59a]{background:var(--tx-color-warning)}.tuff-demo__dot.is-green[data-v-a7a4c59a]{background:var(--tx-color-success)}.tuff-demo__window-body[data-v-a7a4c59a]{display:flex;flex-direction:column}.tuff-demo__preview[data-v-a7a4c59a]{background:var(--tuff-demo-preview-bg);padding:28px}.tuff-demo__placeholder[data-v-a7a4c59a]{color:var(--tx-text-color-secondary);font-size:13px;padding:12px 0;text-align:center}.tuff-demo__code[data-v-a7a4c59a]{align-items:stretch;color:var(--tx-text-color-primary);display:flex;flex-direction:column;gap:0;margin-top:0;width:100%}.tuff-demo__toggle-row[data-v-a7a4c59a]{background:var(--tuff-demo-row-bg);border-top:1px solid var(--tuff-demo-divider);display:flex;justify-content:center;padding:16px 18px 20px}.tuff-demo__toggle-icon[data-v-a7a4c59a]{font-size:12px;transition:transform .2s ease}.tuff-demo__toggle-icon.is-open[data-v-a7a4c59a]{transform:rotate(180deg)}.tuff-demo__code-body[data-v-a7a4c59a]{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .25s ease;width:100%}.tuff-demo__code.is-open .tuff-demo__code-body[data-v-a7a4c59a]{grid-template-rows:1fr;opacity:1}.tuff-demo__code-body-inner[data-v-a7a4c59a]{background:linear-gradient(180deg,var(--tuff-demo-code-bg-start),var(--tuff-demo-code-bg-end));border-top:1px solid var(--tuff-demo-divider);display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.tuff-demo__code:not(.is-open) .tuff-demo__code-body-inner[data-v-a7a4c59a]{border-top-color:transparent}[data-v-a7a4c59a] .tuff-demo-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}