.dp-card{--dp-bg:#fff;--dp-text:#0b0b20;--dp-muted:#64748b;--dp-border:#e5e7eb;background:var(--dp-bg);color:var(--dp-text);border:1px solid var(--dp-border);border-radius:var(--dp-radius,16px);padding:20px;box-shadow:0 6px 24px rgb(0 0 0 / .04)}.dp-head h2{margin:0 0 6px 0;font-size:22px}.dp-sub{margin:0 0 14px 0;color:var(--dp-muted)}.dp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 16px 0}.dp-col{display:flex;flex-direction:column;gap:8px}.dp-label{font-weight:600}.dp-input,.dp-output{width:100%;padding:12px 14px;border:1px solid var(--dp-border);border-radius:12px;resize:vertical}.dp-check{display:block}.dp-actions{display:flex;gap:10px;margin:6px 0 10px}.dp-btn{padding:12px 14px;border-radius:12px;border:1px solid #fff0;background:var(--dp-accent,#007BFF);color:#fff;font-weight:600;cursor:pointer}.dp-btn.dp-secondary{background:#f8fafc;color:#0b0b20;border-color:#e5e7eb}.dp-output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:240px}.dp-note{margin-top:8px;color:var(--dp-muted)}@media (max-width:980px){.dp-grid{grid-template-columns:1fr}}