.tuff-demo[data-v-e1756ddc]{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-e1756ddc],.tuff-demo__header[data-v-e1756ddc]{display:flex;flex-direction:column}.tuff-demo__header[data-v-e1756ddc]{gap:6px;margin-bottom:0}.tuff-demo__title[data-v-e1756ddc]{font-size:18px;font-weight:600;letter-spacing:.2px}.tuff-demo__desc[data-v-e1756ddc]{color:var(--tx-text-color-secondary);font-size:14px;margin:0}.tuff-demo__window[data-v-e1756ddc]{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-e1756ddc]{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__reset-btn[data-v-e1756ddc],.tuff-demo__window-actions[data-v-e1756ddc]{align-items:center;display:inline-flex}.tuff-demo__reset-btn[data-v-e1756ddc]{background:transparent;border:0;border-radius:999px;color:var(--tx-text-color-secondary);cursor:pointer;font-size:12px;font-weight:600;gap:6px;line-height:1;padding:7px 10px;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.tuff-demo__reset-btn[data-v-e1756ddc]:hover:not(:disabled){background:color-mix(in srgb,var(--tx-color-primary) 10%,transparent);color:var(--tx-color-primary)}.tuff-demo__reset-btn[data-v-e1756ddc]:disabled{cursor:default;opacity:.45}.tuff-demo__reset-icon[data-v-e1756ddc]{font-size:12px}.tuff-demo__dots[data-v-e1756ddc]{align-items:center;display:inline-flex;gap:6px}.tuff-demo__dot[data-v-e1756ddc]{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-e1756ddc]{background:var(--tx-color-danger)}.tuff-demo__dot.is-yellow[data-v-e1756ddc]{background:var(--tx-color-warning)}.tuff-demo__dot.is-green[data-v-e1756ddc]{background:var(--tx-color-success)}.tuff-demo__window-body[data-v-e1756ddc]{display:flex;flex-direction:column}.tuff-demo__preview[data-v-e1756ddc]{background:var(--tuff-demo-preview-bg);padding:28px}.tuff-demo__placeholder[data-v-e1756ddc]{align-items:center;color:var(--tx-text-color-secondary);display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;min-height:96px;padding:18px 0;text-align:center}.tuff-demo__placeholder-text[data-v-e1756ddc]{line-height:1.5}.tuff-demo__run-btn[data-v-e1756ddc]{align-items:center;background:color-mix(in srgb,var(--tx-color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--tx-color-primary) 32%,var(--tx-border-color));border-radius:999px;color:var(--tx-color-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;line-height:1;min-height:32px;padding:8px 14px;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.tuff-demo__run-btn[data-v-e1756ddc]:hover{background:color-mix(in srgb,var(--tx-color-primary) 14%,transparent);border-color:color-mix(in srgb,var(--tx-color-primary) 56%,var(--tx-border-color));transform:translateY(-1px)}.tuff-demo__run-icon[data-v-e1756ddc]{font-size:12px}.tuff-demo__code[data-v-e1756ddc]{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-e1756ddc]{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-btn[data-v-e1756ddc]{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--tx-text-color-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;line-height:1;padding:8px 12px;transition:background-color .16s ease,color .16s ease}.tuff-demo__toggle-btn[data-v-e1756ddc]:hover{background:color-mix(in srgb,var(--tx-color-primary) 10%,transparent);color:var(--tx-color-primary)}.tuff-demo__toggle-icon[data-v-e1756ddc]{font-size:12px;transition:transform .2s ease}.tuff-demo__toggle-icon.is-open[data-v-e1756ddc]{transform:rotate(180deg)}.tuff-demo__code-body[data-v-e1756ddc]{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-e1756ddc]{grid-template-rows:1fr;opacity:1}.tuff-demo__code-body-inner[data-v-e1756ddc]{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-e1756ddc]{border-top-color:transparent}[data-v-e1756ddc] .tuff-demo-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}