/* Datakar generator app — app-specific only. */
.app-page{padding-block:var(--dk-space-5) 0}.app-hero{padding-block:0 var(--dk-space-2)}.app-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--dk-space-4)}.app-heading{display:flex;align-items:center;gap:var(--dk-space-2);margin:0;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.45;font-weight:var(--dk-font-weight-bold)}.app-heading::before{content:"";flex:0 0 auto;width:5px;height:16px;border-radius:var(--dk-radius-pill);background:var(--dk-color-primary)}.app-intro,.app-about p{max-width:64ch;margin:var(--dk-space-3) 0 0;color:var(--dk-color-text-soft);line-height:1.9}.app-text-link{color:var(--dk-color-primary);text-decoration:none;font-size:var(--dk-font-size-sm);font-weight:var(--dk-font-weight-bold);white-space:nowrap}.app-text-link:hover,.app-text-link:focus-visible{text-decoration:underline;text-underline-offset:.18em}.app-docs-link{display:inline-block;margin-top:var(--dk-space-3)}.app-section{margin-top:var(--dk-space-7);scroll-margin-top:92px}.app-form{display:grid;gap:var(--dk-space-4);margin-top:var(--dk-space-4);padding:1.1rem}.app-form textarea.dk-input{min-height:120px;resize:vertical;border-radius:var(--dk-radius-lg)}.app-actions{display:flex;flex-wrap:wrap;gap:var(--dk-space-2)}.app-result{margin-top:var(--dk-space-4);padding:1.1rem}.app-preview{min-height:260px;display:grid;place-items:center;padding:var(--dk-space-5);border:1px dashed var(--dk-color-border-strong);border-radius:var(--dk-radius-lg);background:var(--dk-color-surface-soft);overflow:auto}.app-preview p{margin:0;color:var(--dk-color-muted);text-align:center}.app-preview canvas,.app-preview svg{display:block;max-width:100%;height:auto;background:#fff;border-radius:var(--dk-radius-sm)}.app-download-actions{display:flex;flex-wrap:wrap;gap:var(--dk-space-2);margin-top:var(--dk-space-4)}.app-about{padding-bottom:var(--dk-space-2)}.app-result.is-updated{animation:app-pop 360ms var(--dk-ease-standard)}@keyframes app-pop{0%{transform:translateY(2px);opacity:.82}100%{transform:none;opacity:1}}[hidden]{display:none!important}@media(max-width:620px){.app-page{padding-block-start:var(--dk-space-4)}.app-hero-topline{align-items:flex-start}.app-section{margin-top:var(--dk-space-6)}.app-preview{min-height:220px;padding:var(--dk-space-4)}}@media(prefers-reduced-motion:reduce){.app-result.is-updated{animation:none}}