.tool-app .pd{display:grid;gap:16px}
.tool-app .pd-card{background:var(--zl-surface);border:1px solid var(--zl-line);border-radius:var(--zl-r,18px);padding:20px}
.tool-app .pd-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:end}
.tool-app .pd-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.tool-app .pd-field label{font:600 15px/1.3 var(--zl-font-head);color:var(--zl-ink)}
.tool-app .pd-field input{width:100%;min-height:56px;padding:12px 16px;font:600 22px/1.2 var(--zl-font-head);color:var(--zl-ink);background:var(--zl-surface);border:1.5px solid var(--zl-line-2);border-radius:14px}
.tool-app .pd-field input[aria-invalid="true"]{border-color:var(--zl-danger)}
.tool-app .pd-field input::placeholder{color:var(--zl-muted);font-weight:400}
.tool-app .pd-swap{min-height:56px;gap:8px}
.tool-app .pd-results{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.tool-app .pd-main{background:var(--zl-tint);border-color:transparent}
.tool-app .pd-side{display:grid;gap:16px}
.tool-app .pd-label{margin:0 0 4px;font:600 14px/1.3 var(--zl-font-head);color:var(--zl-muted);letter-spacing:.01em}
.tool-app .pd-big{margin:0;font:600 44px/1.1 var(--zl-font-head);color:var(--zl-ink);overflow-wrap:anywhere}
.tool-app .pd-mid{margin:0;font:600 28px/1.15 var(--zl-font-head);color:var(--zl-ink);overflow-wrap:anywhere}
.tool-app .pd-note{margin:8px 0 0;color:var(--zl-muted);font-size:15px;line-height:1.5}
.tool-app .pd-note.is-warn{color:var(--zl-note-ink);background:var(--zl-note);border-radius:10px;padding:8px 12px}
.tool-app .pd-formula{margin:14px 0 0;font:500 14px/1.4 var(--zl-font-mono);color:var(--zl-ink-2,var(--zl-ink))}
.tool-app .pd-steps{margin:16px 0 0;padding:16px 16px 16px 40px;background:var(--zl-surface);border:1px solid var(--zl-line);border-radius:14px;display:grid;gap:10px}
.tool-app .pd-steps li{line-height:1.5;color:var(--zl-ink)}
.tool-app .pd-steps li::marker{font-family:var(--zl-font-head);font-weight:600;color:var(--zl-accent-strong)}
.tool-app .pd-steps .pd-step-title{display:block;font:600 14px/1.3 var(--zl-font-head);color:var(--zl-muted)}
.tool-app .pd-steps code{font-family:var(--zl-font-mono);font-size:15px;overflow-wrap:anywhere}
.tool-app .pd-steps strong{font-family:var(--zl-font-head)}
.tool-app .pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tool-app .pd-actions .btn-outline,.tool-app .pd-actions .btn-ghost{min-height:44px}
.tool-app .pd-status{color:var(--zl-muted);font-size:14px}
html[data-theme="dark"] .tool-app .pd-main{background:var(--zl-tint)}
@media (max-width:900px){
.tool-app .pd-results{grid-template-columns:1fr}
}
@media (max-width:640px){
.tool-app .pd-card{padding:16px}
.tool-app .pd-inputs{grid-template-columns:1fr;gap:12px}
.tool-app .pd-swap{min-height:46px;width:100%}
.tool-app .pd-big{font-size:36px}
}
.tool-app .pd-steps[hidden]{display:none}