#pd-convert{flex-direction:column;gap:22px;display:flex}#pd-convert:not([data-state=empty]) .cv-hero h1{font-size:34px}#pd-convert:not([data-state=empty]) .cv-hero{gap:8px;padding-top:4px}#pd-convert:not([data-state=empty]) .cv-landing,.cv-only-empty,.cv-only-working,.cv-only-error,.cv-only-done{display:none}#pd-convert[data-state=empty] .cv-only-empty,#pd-convert[data-state=working] .cv-only-working,#pd-convert[data-state=error] .cv-only-error,#pd-convert[data-state=done] .cv-only-done{display:flex}.cv-working{background:var(--pd-tint);color:var(--pd-ink);border-radius:16px;align-items:center;gap:14px;padding:28px 24px;font-size:16px}.cv-working p{margin:0}.cv-working span{color:var(--pd-muted);font-size:14px;display:block}.cv-spinner{border:3px solid var(--pd-soft);border-top-color:var(--pd-accent);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.8s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cv-spinner{animation-duration:2.4s}}.cv-error{color:#7a1a12;background:#fdecea;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 24px}:root[data-theme=dark] .cv-error{color:#ffd9d3;background:#3a1814}.cv-error p{margin:0;font-size:16px;line-height:1.6}.cv-result{flex-direction:column;gap:16px}.cv-status{background:var(--pd-tint);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;display:flex}.cv-status-files{color:var(--pd-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px;display:flex}.cv-status-files strong{color:var(--pd-ink)}.cv-from{color:var(--pd-ink-2);align-items:center;gap:8px;font-weight:500;display:inline-flex}.cv-done{color:var(--pd-accent);align-items:center;gap:6px;font-weight:600;display:inline-flex}.cv-hint{color:var(--pd-muted);margin:0;font-size:14px}.cv-hint[hidden]{display:none}.cv-options{flex-wrap:wrap;gap:10px 24px;display:flex}.cv-switch{min-height:40px;color:var(--pd-ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:500;display:inline-flex}.cv-switch-note{color:var(--pd-muted);font-weight:400}.cv-switch-track{background:var(--pd-line-2);border-radius:999px;flex-shrink:0;align-items:center;width:40px;height:24px;padding:3px;transition:background .15s;display:flex}.cv-switch-track span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.cv-switch[aria-pressed=true] .cv-switch-track{background:var(--pd-accent)}.cv-switch[aria-pressed=true] .cv-switch-track span{transform:translate(16px)}.cv-panes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cv-pane{border:1px solid var(--pd-line);background:var(--pd-surface);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.cv-pane-head{border-bottom:1px solid var(--pd-line);background:var(--pd-bg-2);height:44px;color:var(--pd-muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}#cv-count{font-family:var(--pd-font-mono);font-weight:400}#cv-source{resize:vertical;background:var(--pd-surface);height:560px;color:var(--pd-ink-2);font-family:var(--pd-font-mono);white-space:pre-wrap;border:0;outline:none;padding:18px 20px;font-size:13px;line-height:1.75}#cv-source:focus-visible{box-shadow:inset 0 0 0 2px var(--pd-accent)}.cv-preview{height:560px;padding:22px 26px;overflow:auto}.cv-preview .pd-doc{--pd-doc-size:15px}.cv-actions{border:1px solid var(--pd-line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cv-actions-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cv-actions-note{color:var(--pd-muted);font-size:14px}.cv-link{height:46px;color:var(--pd-accent);background:0 0;border:0;padding:0 12px;font-size:15px;font-weight:600}.cv-link:hover{color:var(--pd-accent-hover);text-decoration:underline}.cv-landing{flex-direction:column;gap:28px;display:flex}@media (width<=960px){.cv-panes{grid-template-columns:minmax(0,1fr)}#cv-source,.cv-preview{height:380px}}@media (width<=720px){#pd-convert:not([data-state=empty]) .cv-hero h1{font-size:26px}.cv-actions-buttons{width:100%}.cv-actions-buttons .pd-btn{flex:1}}