.dm-page{background:radial-gradient(50rem 26rem at 90% -10%, var(--tint), transparent 70%), var(--bg)}html[dir=rtl] .dm-page{background:radial-gradient(50rem 26rem at 10% -10%, var(--tint), transparent 70%), var(--bg)}.dm-page{padding-block-end:clamp(2.5rem,1.5rem + 3vw,4.5rem)}.dm{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,2.75rem);display:grid}.dm-side{align-content:start;gap:clamp(1.25rem,1rem + 1vw,1.75rem);min-inline-size:0;display:grid}@media (width>=1024px){.dm{grid-template-columns:minmax(23rem,.85fr) minmax(0,1.15fr);align-items:start}.dm-out{max-block-size:calc(100svh - var(--nav-h) - 2rem);position:sticky;inset-block-start:calc(var(--nav-h) + 1rem)}.dm-stage{overscroll-behavior:contain;overflow:auto}}.dm-intro>*{margin:0}.dm-intro>*+*{margin-block-start:.75rem}.dm-intro h1{text-wrap:balance;font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1.2}html[lang=en] .dm-intro h1{letter-spacing:-.02em}.dm-intro .lead{max-inline-size:38rem;line-height:1.7}.dm-dot{background:var(--primary);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.dm-intro__kicker .dm-dot{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 45%, transparent);animation:2.4s ease-out infinite dm-pulse}@keyframes dm-pulse{70%,to{box-shadow:0 0 0 .45rem #0000}}.dm-presets{gap:.6rem;display:grid}.dm-presets__label{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.dm-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dm-chip{border:1px solid var(--border);background:var(--bg);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .16s ease, color .16s ease, transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:.45rem;padding-inline:.85rem 1rem;font-size:.92rem;font-weight:500;display:inline-flex}.dm-chip .dm-ico{block-size:.8rem;inline-size:.8rem;color:var(--primary);fill:currentColor}html[dir=rtl] .dm-chip .dm-ico,html[dir=rtl] .dm-run .dm-ico{transform:scaleX(-1)}.dm-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dm-chip:disabled{opacity:.6;cursor:progress}.dm-form{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:1.25rem;padding:clamp(1rem,.75rem + 1vw,1.5rem);scroll-margin-block-start:calc(var(--nav-h) + .75rem);display:grid}.dm-step{gap:.75rem;min-inline-size:0;display:grid}.dm-step+.dm-step{border-block-start:1px solid var(--border);padding-block-start:1.25rem}.dm-step__head{color:var(--text);align-items:center;gap:.6rem;margin:0;font-size:1.05rem;font-weight:600;display:flex}.dm-step__n{background:var(--tint);block-size:1.75rem;inline-size:1.75rem;color:var(--primary);font-family:var(--font-latin);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:inline-grid}.dm-form input[type=number]{font-variant-numeric:tabular-nums}html[dir=rtl] .dm-form input[dir=ltr]{text-align:right}.dm-select{position:relative}.dm-about{background:var(--surface);border-radius:var(--radius);gap:.4rem;padding:.75rem 1rem;display:grid}.dm-about p{margin:0}.dm-about__text{color:var(--text);font-size:.95rem;line-height:1.65}.dm-about__meta{flex-wrap:wrap;align-items:center;gap:.25rem .9rem;font-size:.875rem;display:flex}.dm-about__meta code{color:var(--text-muted);font-size:.82rem}.dm-about__meta a{min-block-size:2.75rem;color:var(--primary);align-items:center;margin-block:-.75rem;font-weight:600;display:inline-flex}.dm .demo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;margin:0;padding:0;overflow:visible}.dm .demo-fields>*{grid-column:1/-1}.dm .demo-fields>.field--int{grid-column:auto}.dm .field__label{font-size:.95rem}.dm .field__label code{color:var(--text);font-size:.9rem}.dm .field__req{background:var(--tint);color:var(--primary);border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:600}.dm .field__hint{font-size:.84rem}.dm .field-group{padding-block-start:.5rem}.dm-noargs{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);margin:0;padding:.75rem 1rem;font-size:.95rem}.dm-run{gap:.55rem;min-block-size:3.25rem;inline-size:100%;font-size:1.05rem}.dm-run .dm-ico{fill:currentColor;stroke:none;block-size:.9rem;inline-size:.9rem}.dm .btn:disabled{opacity:.65;cursor:progress;transform:none}.dm-out{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xl);min-inline-size:0;box-shadow:var(--shadow-md);flex-direction:column;scroll-margin-block-start:calc(var(--nav-h) + .75rem);display:flex;overflow:hidden}.dm-out__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.65rem .75rem;padding-inline-start:1.25rem;display:flex}.dm-out__head h2{margin:0;font-size:1.1rem}.dm-copy{border:1px solid var(--border);background:var(--bg);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding-inline:.9rem;font-size:.88rem;font-weight:600;transition:border-color .16s,color .16s;display:inline-flex}.dm-copy:hover{border-color:var(--primary);color:var(--primary)}.dm-copy .dm-ico{color:var(--primary)}.dm-call{border-block-start:1px solid var(--border)}.dm-call .window__tool{flex:none}.dm-call .window__args{scrollbar-width:thin;min-inline-size:0;overflow-x:auto}.dm-progress{z-index:1;background:color-mix(in srgb, var(--primary) 15%, transparent);block-size:3px;margin-block-end:-3px;position:relative;overflow:hidden}.dm-progress:after{content:"";background:var(--primary);inline-size:40%;animation:dm-progress 1.1s var(--ease-out) infinite;position:absolute;inset-block:0}@keyframes dm-progress{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.dm-banner{align-items:flex-start;gap:.6rem;line-height:1.6;display:flex}.dm-banner .dm-ico{color:var(--gold-text);flex:none;margin-block-start:.2rem}:root[data-theme=dark] .dm-banner .dm-ico{color:var(--text-muted)}.dm-stage{flex:auto;grid-template-columns:minmax(0,1fr);align-content:start;min-block-size:16rem;padding:clamp(1rem,.75rem + 1vw,1.5rem);display:grid;container-type:inline-size}.dm-edit{border-block-start:1px solid var(--border);min-block-size:3rem;color:var(--primary);align-items:center;gap:.45rem;padding-inline:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.dm-edit:hover{background:var(--surface)}@media (width>=1024px){.dm-edit{display:none}}.dm-spin{border:2px solid;border-block-start-color:#0000;border-radius:50%;flex:none;block-size:1em;inline-size:1em;animation:.8s linear infinite dm-spin;display:inline-block}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-wait{gap:1.25rem;display:grid}.dm-wait__text{align-items:center;gap:.55rem;display:inline-flex}.dm-wait__text .dm-spin{color:var(--primary)}.dm-skeleton{gap:.75rem;display:grid}.dm-skeleton span{background:linear-gradient(90deg, var(--surface) 0%, var(--tint) 50%, var(--surface) 100%) 0 0 / 200% 100%;border-radius:.5rem;block-size:1rem;animation:1.4s ease-in-out infinite dm-shimmer;display:block}.dm-skeleton span:first-child{border-radius:var(--radius-lg);block-size:5rem}.dm-skeleton span:last-child{inline-size:60%}@keyframes dm-shimmer{to{background-position:-200% 0}}.dm-empty{text-align:center;align-content:center;justify-items:center;gap:.5rem;min-block-size:13rem;display:grid}.dm-empty p{margin:0}.dm-empty__icon{background:var(--tint);block-size:3rem;inline-size:3rem;color:var(--primary);border-radius:50%;place-items:center;margin-block-end:.25rem;display:grid}.dm-empty__icon .dm-ico{block-size:1.4rem;inline-size:1.4rem}.dm .dm-empty__text{color:var(--text);font-size:1rem;font-weight:600}.dm-empty__hint{color:var(--text-muted);font-size:.9rem}.dm-error .demo-error__title{align-items:center;gap:.5rem;display:flex}.dm-error .demo-error__title .dm-ico{flex:none}.dm-retry{justify-self:start;gap:.45rem;min-block-size:2.75rem;padding-inline:1rem;font-size:.92rem}.dm-result,.dm-stage .result{grid-template-columns:minmax(0,1fr)}.dm-result{gap:1rem;transition:opacity .2s;display:grid}.dm-result--stale{opacity:.45}.dm .demo-label{align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.dm-label--saved .dm-dot{background:var(--gold)}.dm-stage .result{gap:1.25rem}.dm-stage .result .ayah--hero{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 0%, var(--tint), transparent 75%), var(--bg);text-align:center;justify-items:center;gap:.75rem;padding:clamp(1.25rem,.75rem + 3cqi,2.25rem) clamp(1rem,.5rem + 3cqi,2rem)}.dm-stage .ayah--hero .ayah__text{line-height:2.05}.dm-stage .ayah--long .ayah__text{font-size:clamp(1.45rem,min(1rem + 1.5vw,5.5cqi),2.15rem);line-height:2.15}.dm-stage .ayah--hero .ayah__meta{background:var(--surface);color:var(--text-muted);border-radius:999px;flex-wrap:wrap;justify-content:center;padding:.2rem .85rem;font-size:.9rem;display:inline-flex}.dm-stage .result .ayah:not(.ayah--hero){text-align:start}.dm-stage .result .ayah:not(.ayah--hero) .ayah__text{line-height:2}.dm-stage .result .ayah:not(.ayah--hero):last-child{border-block-end:0;padding-block-end:0}.result__credits{border-inline-start:3px solid var(--primary);border-radius:var(--radius);background:var(--surface);gap:.35rem;padding:.7rem 1rem;display:grid}.result__credits .credit{font-size:.9rem}.dm-stage .passage{gap:.25rem;display:grid}.dm-stage .passage__text{line-height:1.95}.dm-stage .demo-more{justify-self:start;min-block-size:2.75rem}.dm-stage .facts{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem}.dm-stage .facts>div{border:1px solid var(--border);background:var(--bg);border-radius:.6rem;gap:.15rem;min-inline-size:0;padding:.55rem .8rem;display:grid}.dm-stage .facts dt{font-size:.78rem}.dm-stage .facts dd{overflow-wrap:anywhere;font-weight:600}.dm-stage .raw{border-block-start:1px solid var(--border);padding-block-start:.25rem}.dm-stage .raw summary{color:var(--text-muted);gap:.5rem;font-size:.9rem;font-weight:600;list-style:none;display:inline-flex}.dm-stage .raw summary::-webkit-details-marker{display:none}.dm-stage .raw summary:before{content:"";border-block-end:2px solid;border-inline-end:2px solid;block-size:.45rem;inline-size:.45rem;transition:transform .16s;transform:rotate(-45deg)}html[dir=rtl] .dm-stage .raw summary:before{transform:rotate(135deg)}.dm-stage .raw[open] summary:before{transform:rotate(45deg)}.dm-stage .raw summary:hover{color:var(--primary)}.dm-stage .raw pre{max-block-size:26rem;overflow:auto}.dm-all__groups{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.dm-all__group{min-inline-size:0}.dm-all__head{align-items:flex-start;gap:.85rem;margin-block-end:.9rem;display:flex}.dm-all__icon{background:var(--bg);block-size:2.75rem;inline-size:2.75rem;box-shadow:inset 0 0 0 1px var(--border);color:var(--primary);border-radius:.8rem;flex:none;place-items:center;display:inline-grid}.dm-all__head h3{margin:0;font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);line-height:1.3}.dm-all__head p{max-inline-size:46rem;color:var(--text-muted);margin:.2rem 0 0;font-size:.95rem;line-height:1.6}.dm-all__group ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.dm-all__tool{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);block-size:100%;min-block-size:2.75rem;color:var(--text);align-content:start;gap:.3rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid;position:relative}.dm-all__tool:hover{border-color:var(--primary);box-shadow:0 .25rem 1rem -.5rem color-mix(in srgb, var(--primary) 40%, transparent)}.dm-all__tool:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dm-all__title{flex-wrap:wrap;align-items:center;gap:.25rem .6rem;font-size:1.05rem;font-weight:700;line-height:1.4;display:flex}.dm-all__text{color:var(--text-muted);font-size:.92rem;line-height:1.6}.dm-all__name{color:var(--text-muted);background:0 0;justify-self:start;margin-block-start:.15rem;padding:0;font-size:.78rem}.dm-all__sel{background:var(--tint);color:var(--primary);border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .55rem;font-size:.78rem;font-weight:600;display:none}.dm-all__tool[aria-current=true]{border-color:var(--primary);background:var(--tint);box-shadow:inset 0 0 0 1px var(--primary)}.dm-all__tool[aria-current=true] .dm-all__sel{background:var(--bg);display:inline-flex}@media (width<=639px){.dm-out__head{padding-inline-start:1rem}.dm-copy{padding-inline:.75rem;font-size:.85rem}.dm-chip{padding-inline:.75rem .85rem;font-size:.88rem}.dm-stage{min-block-size:12rem}}@media (prefers-reduced-motion:reduce){.dm-intro__kicker .dm-dot,.dm-skeleton span,.dm-progress:after{animation:none}.dm-progress:after{opacity:.6;inline-size:100%;inset-inline-start:0}.dm-spin{animation-duration:2.4s}.dm-chip,.dm-copy,.dm-result,.dm-all__tool,.dm-stage .raw summary:before{transition:none}.dm-chip:hover:not(:disabled){transform:none}}