.dv-hero{padding-bottom:40px}.dv-hero h1{max-width:14ch}.dv-oneline{margin:36px auto 0;max-width:760px;text-align:left}.dv-code{position:relative;background:var(--bg2);border:1px solid var(--line2);border-radius:14px;overflow:hidden}.dv-code pre{margin:0;padding:18px 96px 18px 20px;overflow-x:auto;font:400 13.5px/1.65 var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);color:var(--ink);tab-size:2;-webkit-text-size-adjust:100%}.dv-code code{font:inherit}.dv-code .k{color:var(--accent)}.dv-code .s{color:var(--green)}.dv-code .c{color:var(--faint)}.dv-copy{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 12.5px/1 var(--font-text, Figtree, system-ui, sans-serif);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dv-copy:hover{background:var(--line)}.dv-copy[data-done]{color:var(--green);border-color:var(--green)}.dv-code pre{padding-right:96px}.dv-live{display:grid;gap:22px;margin-top:36px;grid-template-columns:minmax(0,1fr)}.dv-live>*,.pg>*{min-width:0}@media(min-width:960px){.dv-live{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.dv-stage{border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:var(--bg2);box-shadow:0 30px 80px #00000047}:root[data-theme=light] .dv-stage{box-shadow:0 30px 80px #0b0d121f}.dv-stage verse-viewer{display:block;width:100%}.dv-stage-cap{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}.dv-stage-cap a{color:var(--accent);font-weight:560}.dv-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px}.dv-tab{flex:1 1 auto;min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:none;color:var(--muted);font:500 13.5px/1 var(--font-text, Figtree, system-ui, sans-serif);cursor:pointer}.dv-tab[aria-selected=true]{background:var(--cta);color:var(--cta-ink)}.dv-tab:not([aria-selected=true]):hover{color:var(--ink);background:var(--line)}html.js .dv-panel[hidden]{display:none}html:not(.js) .dv-panel{margin-bottom:14px}.dv-note{color:var(--muted);font-size:14px;margin:12px 0 0}.dv-steps{counter-reset:s;display:grid;gap:14px;margin-top:40px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dv-step{counter-increment:s;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:24px 22px;position:relative}.dv-step:before{content:"0" counter(s);font:500 12px/1 var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);letter-spacing:.14em;color:var(--accent)}.dv-step h3{font-size:19px;margin:12px 0 8px;font-weight:560;letter-spacing:-.02em}.dv-step p{margin:0;color:var(--muted);font-size:15px}.dv-step a{color:var(--accent);font-weight:560}.dv-pkgs{display:grid;gap:14px;margin-top:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dv-pkg{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px}.dv-pkg h3{font:500 15px/1.3 var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);letter-spacing:0;word-break:break-all}.dv-pkg p{margin:0;color:var(--muted);font-size:14.5px;flex:1}.dv-pkg .dv-code pre{padding:12px 84px 12px 14px;font-size:12.5px;white-space:pre;overflow-x:auto}.dv-tools{display:grid;gap:14px;margin-top:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dv-tool{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:22px}.dv-tool h3{font-size:19px;font-weight:560;letter-spacing:-.02em;margin:0 0 8px}.dv-tool p{margin:0;color:var(--muted);font-size:15px}.dv-pill{display:inline-block;margin-top:14px;padding:4px 10px;border:1px solid var(--line2);border-radius:999px;font:500 11.5px/1.4 var(--font-text, Figtree, system-ui, sans-serif);color:var(--muted)}.dv-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.dv-links .btn{min-height:46px}.pg{display:grid;gap:22px;margin-top:36px;grid-template-columns:minmax(0,1fr)}@media(min-width:960px){.pg{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}}.pg-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:22px}.pg-card h2{font-size:22px;margin:0 0 6px;max-width:none}.pg-card .hint{color:var(--muted);font-size:14px;margin:0 0 16px}.pg label{display:block;font-weight:560;font-size:14px;margin:0 0 8px}.pg-row{display:flex;gap:10px;flex-wrap:wrap}.pg input[type=url]{flex:1 1 220px;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:400 15px/1.3 var(--font-text, Figtree, system-ui, sans-serif)}.pg input[type=url]::placeholder{color:var(--faint)}.pg .btn{min-height:48px;padding:10px 20px}.pg .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.pg-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--faint);font-size:13px}.pg-or:before,.pg-or:after{content:"";height:1px;background:var(--line);flex:1}.pg-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:124px;padding:18px;text-align:center;border:1.5px dashed var(--line2);border-radius:14px;color:var(--muted);cursor:pointer;background:var(--panel);transition:border-color .15s,background .15s}.pg-drop:hover,.pg-drop[data-over]{border-color:var(--blue);background:var(--line)}.pg-drop b{color:var(--ink);font-weight:560}.pg-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pg-drop:focus-within{outline:2px solid var(--blue);outline-offset:3px}.pg-status{margin:16px 0 0;min-height:24px;font-size:14.5px;color:var(--muted)}.pg-status[data-kind=error]{color:#ff8a7a}:root[data-theme=light] .pg-status[data-kind=error]{color:#b42318}.pg-status[data-kind=ok]{color:var(--green)}.pg-bar{height:4px;border-radius:4px;background:var(--line);margin-top:10px;overflow:hidden}.pg-bar i{display:block;height:100%;width:0;background:var(--blue);transition:width .4s ease}.pg-stage{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--bg);min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--faint);text-align:center;padding:12px}.pg-stage verse-viewer{display:block;width:100%}.pg-out{margin-top:18px}.pg-out[hidden]{display:none}.pg-lim{color:var(--faint);font-size:13px;margin:14px 0 0}@media(prefers-reduced-motion:reduce){.pg-bar i,.pg-drop{transition:none}}@media(hover:none)and (pointer:coarse){.dv-copy{min-height:40px;min-width:44px}.dv-demo a,a[href*=full]{display:inline-flex;align-items:center;min-height:40px}}