.dmd-page .dmd-preview,.dmd-page .dmd-preview *{font-family:var(--dmd-body);transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease!important}.dmd-page .dmd-copy,.dmd-page .dmd-download,.dmd-page .dmd-preview [role=button],.dmd-page .dmd-preview button,.dmd-page .dmd-preview label,.dmd-page .dmd-swatch{cursor:pointer}.dmd-page .dmd-preview{font-family:var(--dmd-body);color:var(--dmd-on-surface);background:var(--dmd-neutral)}.dmd-page .dmd-preview h2,.dmd-page .dmd-preview h3{font-family:var(--dmd-display);color:var(--dmd-primary);font-style:normal}.dmd-page .dmd-kicker{font-family:var(--dmd-label);letter-spacing:.02em;font-size:.75rem;font-weight:500;color:var(--dmd-secondary)}.dmd-page .dmd-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:64px;padding:.5rem var(--dmd-space-md);background:var(--dmd-neutral);border-bottom:1px solid color-mix(in srgb,var(--dmd-secondary) 28%,transparent)}.dmd-page .dmd-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:var(--dmd-pad) 1.1rem;border-radius:var(--dmd-radius-button);font-family:var(--dmd-body);font-size:.875rem;font-weight:600;border:1px solid transparent}.dmd-page .dmd-btn-primary{background:var(--dmd-tertiary);color:var(--dmd-on-tertiary)}.dmd-page .dmd-btn-secondary{background:var(--dmd-surface);color:var(--dmd-primary);border-color:color-mix(in srgb,var(--dmd-secondary) 45%,transparent)}.dmd-page .dmd-btn-ghost{background:transparent;color:var(--dmd-secondary)}.dmd-page .dmd-btn-disabled{opacity:.4;cursor:not-allowed}.dmd-page .dmd-input{width:100%;min-height:44px;border-radius:var(--dmd-radius-md);border:1px solid color-mix(in srgb,var(--dmd-secondary) 40%,transparent);background:var(--dmd-surface);color:var(--dmd-on-surface);padding:0 .9rem;font-family:var(--dmd-body);font-size:1rem}.dmd-page .dmd-input:focus-visible{outline:2px solid var(--dmd-tertiary);outline-offset:2px}.dmd-page .dmd-input-error{border-color:var(--dmd-error)}.dmd-page .dmd-card{background:var(--dmd-surface);color:var(--dmd-on-surface);border-radius:var(--dmd-radius-lg);border:1px solid color-mix(in srgb,var(--dmd-secondary) 22%,transparent);padding:var(--dmd-space-lg);box-shadow:0 1px 2px color-mix(in srgb,var(--dmd-primary) 6%,transparent),0 10px 28px color-mix(in srgb,var(--dmd-primary) 8%,transparent)}.dmd-page .dmd-chip{display:inline-flex;min-height:36px;align-items:center;padding:0 .85rem;border-radius:var(--dmd-radius-full);background:var(--dmd-neutral);color:var(--dmd-primary);border:1px solid color-mix(in srgb,var(--dmd-secondary) 28%,transparent);font-size:.8125rem;font-weight:600}.dmd-page .dmd-chip-selected{background:var(--dmd-primary);color:var(--dmd-on-primary);border-color:transparent}.dmd-page .dmd-check{width:20px;height:20px;border:1.5px solid color-mix(in srgb,var(--dmd-secondary) 55%,transparent);background:var(--dmd-surface);display:grid;place-items:center;flex-shrink:0}.dmd-page .dmd-check-box{border-radius:var(--dmd-radius-sm)}.dmd-page .dmd-check-radio{border-radius:var(--dmd-radius-full)}.dmd-page .dmd-check-on{border-color:var(--dmd-tertiary);background:var(--dmd-tertiary)}.dmd-page .dmd-state{min-width:0;border:1px dashed color-mix(in srgb,var(--dmd-secondary) 35%,transparent);border-radius:var(--dmd-radius-md);padding:var(--dmd-space-sm)}.dmd-page .dmd-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem var(--dmd-space-md);border-bottom:1px solid color-mix(in srgb,var(--dmd-secondary) 22%,transparent)}.dmd-page .dmd-scheme{display:flex;gap:.35rem}.dmd-page .dmd-scheme-btn{display:inline-flex;min-height:36px;align-items:center;gap:.35rem;padding:0 .75rem;border-radius:var(--dmd-radius-full);border:1px solid color-mix(in srgb,var(--dmd-secondary) 35%,transparent);background:transparent;color:var(--dmd-secondary);font-family:var(--dmd-body);font-size:.8125rem;font-weight:600}.dmd-page .dmd-scheme-btn.is-active{background:var(--dmd-primary);color:var(--dmd-on-primary);border-color:transparent}.dmd-page .dmd-textarea{min-height:120px;padding-top:.7rem;padding-bottom:.7rem;resize:none}.dmd-page .dmd-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 .6rem;border-radius:var(--dmd-radius-full);background:var(--dmd-neutral);color:var(--dmd-primary);font-size:.75rem;font-weight:600;border:1px solid color-mix(in srgb,var(--dmd-secondary) 28%,transparent)}.dmd-page .dmd-badge-accent{background:var(--dmd-tertiary);color:var(--dmd-on-tertiary);border-color:transparent}.dmd-page .dmd-badge-error{color:var(--dmd-error);border-color:color-mix(in srgb,var(--dmd-error) 40%,transparent)}.dmd-page .dmd-alert{display:flex;align-items:flex-start;gap:.65rem;padding:var(--dmd-space-md);border-radius:var(--dmd-radius-md);background:var(--dmd-surface);color:var(--dmd-primary);border:1px solid color-mix(in srgb,var(--dmd-secondary) 28%,transparent)}.dmd-page .dmd-alert-error{color:var(--dmd-error);border-color:color-mix(in srgb,var(--dmd-error) 45%,transparent)}.dmd-page .dmd-tabs{display:flex;gap:.25rem;border-bottom:1px solid color-mix(in srgb,var(--dmd-secondary) 28%,transparent)}.dmd-page .dmd-tab{min-height:44px;display:inline-flex;align-items:center;padding:0 .9rem;color:var(--dmd-secondary);font-size:.875rem;font-weight:600;border-bottom:2px solid transparent}.dmd-page .dmd-tab-active{color:var(--dmd-primary);border-bottom-color:var(--dmd-tertiary)}.dmd-page .dmd-list{overflow:hidden;border-radius:var(--dmd-radius-md);border:1px solid color-mix(in srgb,var(--dmd-secondary) 22%,transparent);background:var(--dmd-surface)}.dmd-page .dmd-list-item{display:flex;min-height:56px;align-items:center;gap:.75rem;padding:.65rem var(--dmd-space-md);border-bottom:1px solid color-mix(in srgb,var(--dmd-secondary) 18%,transparent)}.dmd-page .dmd-list-item:last-child{border-bottom:0}.dmd-page .dmd-avatar{display:grid;width:40px;height:40px;flex-shrink:0;place-items:center;border-radius:var(--dmd-radius-full);background:var(--dmd-tertiary);color:var(--dmd-on-tertiary);font-size:.8rem;font-weight:700}.dmd-page .dmd-avatar-lg{width:52px;height:52px;font-size:.95rem}.dmd-page .dmd-avatar-sm{width:28px;height:28px;font-size:.65rem}.dmd-page .dmd-table-wrap{overflow-x:auto;border-radius:var(--dmd-radius-md);border:1px solid color-mix(in srgb,var(--dmd-secondary) 22%,transparent);background:var(--dmd-surface)}.dmd-page .dmd-table{width:100%;border-collapse:collapse;font-size:.875rem}.dmd-page .dmd-table td,.dmd-page .dmd-table th{padding:.7rem .9rem;text-align:start;border-bottom:1px solid color-mix(in srgb,var(--dmd-secondary) 18%,transparent)}.dmd-page .dmd-table th{color:var(--dmd-secondary);font-size:.75rem;font-weight:600}.dmd-page .dmd-table td{color:var(--dmd-primary)}.dmd-page .dmd-table tr:last-child td{border-bottom:0}.dmd-page .dmd-switch{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:var(--dmd-radius-full);background:color-mix(in srgb,var(--dmd-secondary) 45%,var(--dmd-surface))}.dmd-page .dmd-switch-on{background:var(--dmd-tertiary)}.dmd-page .dmd-switch-thumb{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:999px;background:var(--dmd-surface)}.dmd-page .dmd-switch-on .dmd-switch-thumb{inset-inline-start:auto;inset-inline-end:3px}.dmd-page .dmd-tooltip{display:inline-flex;padding:.4rem .65rem;border-radius:var(--dmd-radius-sm);background:var(--dmd-primary);color:var(--dmd-on-primary);font-size:.75rem;font-weight:600}.dmd-page .dmd-dropdown{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .9rem;border-radius:var(--dmd-radius-md);border:1px solid color-mix(in srgb,var(--dmd-secondary) 40%,transparent);background:var(--dmd-surface);color:var(--dmd-on-surface);font-size:.875rem}.dmd-page .dmd-menu{margin-top:.35rem;overflow:hidden;border-radius:var(--dmd-radius-md);border:1px solid color-mix(in srgb,var(--dmd-secondary) 22%,transparent);background:var(--dmd-surface)}.dmd-page .dmd-menu-item{display:flex;min-height:44px;align-items:center;padding:0 .9rem;font-size:.875rem;color:var(--dmd-primary)}.dmd-page .dmd-menu-item-active{color:var(--dmd-tertiary);font-weight:600}.dmd-page .dmd-pagination{display:flex;flex-wrap:wrap;gap:.35rem}.dmd-page .dmd-page-btn{display:inline-flex;min-height:40px;min-width:40px;align-items:center;justify-content:center;padding:0 .75rem;border-radius:var(--dmd-radius-button);color:var(--dmd-secondary);font-size:.875rem;font-weight:600}.dmd-page .dmd-page-btn-active{background:var(--dmd-primary);color:var(--dmd-on-primary)}.dmd-page .dmd-progress{height:8px;overflow:hidden;border-radius:var(--dmd-radius-full);background:color-mix(in srgb,var(--dmd-secondary) 22%,var(--dmd-surface))}.dmd-page .dmd-progress-bar{display:block;height:100%;border-radius:inherit;background:var(--dmd-tertiary)}.dmd-page .dmd-empty{text-align:center;background:var(--dmd-surface);color:var(--dmd-on-surface);border-radius:var(--dmd-radius-lg);border:1px dashed color-mix(in srgb,var(--dmd-secondary) 35%,transparent);padding:var(--dmd-space-lg)}.dmd-page .dmd-dialog-stage{background:color-mix(in srgb,var(--dmd-primary) 40%,var(--dmd-neutral))}.dmd-page .dmd-dialog,.dmd-page .dmd-dialog-stage{padding:var(--dmd-space-lg);border-radius:var(--dmd-radius-lg)}.dmd-page .dmd-dialog{max-width:22rem;margin-inline:auto;background:var(--dmd-surface);color:var(--dmd-on-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--dmd-primary) 8%,transparent),0 16px 40px color-mix(in srgb,var(--dmd-primary) 18%,transparent)}@media (prefers-reduced-motion:reduce){.dmd-page .dmd-preview,.dmd-page .dmd-preview *{transition:none!important}}