.drwlp {
    --wlp-ink: #233d39;
    --wlp-muted: #596b66;
    --wlp-accent: #176b65;
    --wlp-border: #d7e1dc;
    background: #f7f5f0;
    border-color: #e5e5dc;
    line-height: 1.85;
    font-size: 16px;
}
.drwlp .drwlp-header { max-inline-size: 760px; margin-block-end: 24px; }
.drwlp .drwlp-eyebrow { letter-spacing: 0; }
.drwlp .drwlp-card { background: #fff; box-shadow: 0 4px 20px #233d3906; border-radius: 20px; }
.drwlp .drwlp-login { max-inline-size: 680px; margin-inline: auto; }
.drwlp .drwlp-login > p { color: var(--wlp-muted); font-size: 14px; }
.drwlp .drwlp-login > label:has(input[type=checkbox]) { margin-block: 20px; font-size: 14px; }
.drwlp .drwlp-login input:not([type=checkbox]) { max-inline-size: none; }
.drwlp input[type=tel] {
    display: block; inline-size: 100%; padding: 12px 14px; margin-block: 8px 18px;
    border: 1px solid #a9bfbe; border-radius: 10px; font: inherit; color: var(--wlp-ink); background: #fff;
}
.drwlp .drwlp-toolbar { padding: 16px; border-radius: 16px; background: #eaf4ef; }
.drwlp .drwlp-toolbar strong { background: #fff; }
.drwlp .drwlp-steps { margin-block-end: 28px; padding-block-end: 16px; border-block-end: 1px solid var(--wlp-border); }
.drwlp .drwlp-steps ol { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; gap: 8px; padding: 0; margin: 0; }
.drwlp .drwlp-steps li { padding: 12px 8px; border-radius: 10px; color: var(--wlp-muted); background: #f2f4f1; text-align: center; font-size: 14px; }
.drwlp .drwlp-steps li[aria-current=step] { background: var(--wlp-accent); color: #fff; font-weight: 700; box-shadow: inset 0 -3px 0 #0b4641; }
.drwlp .drwlp-steps li[data-complete="1"] { background: #eaf4ef; color: #176b65; }
.drwlp .drwlp-step-status { margin: 10px 0 0; font-size: 13px; color: var(--wlp-muted); }
.drwlp .drwlp-step[data-step="0"] { display: grid; grid-template-columns: minmax(0, 1fr) 220px; column-gap: 24px; align-items: start; }
.drwlp .drwlp-step[data-step="0"] > * { grid-column: 1; min-inline-size: 0; }
.drwlp .drwlp-step[data-step="0"] > h3 { grid-column: 1 / -1; }
.drwlp .drwlp-step .drwlp-upload-example { grid-column: 2; grid-row: 2 / 7; margin: 0; inline-size: 100%; }
.drwlp .drwlp-upload-example img { max-block-size: 260px; inline-size: auto; }
.drwlp .drwlp-drop { padding: 24px 16px; background: #f2f8f5; }
.drwlp .drwlp-original-preview img { max-block-size: 260px; }
.drwlp .drwlp-wizard-actions { display: flex; justify-content: space-between; gap: 12px; margin-block-start: 24px; padding-block-start: 20px; border-block-start: 1px solid var(--wlp-border); }
.drwlp .drwlp-step-next { margin-inline-start: auto; }
.drwlp .drwlp-scenario { margin: 0; padding: 0; border: 0; }
.drwlp .drwlp-scenario legend { padding: 0; margin-block-end: 20px; font-size: 21px; }
.drwlp .drwlp-fields :is(select, input) { max-inline-size: none; min-block-size: 48px; }
.drwlp .drwlp-review-inputs { padding: 16px; margin: 16px 0; border-radius: 14px; background: #f4f7f3; }
.drwlp .drwlp-review-inputs > div, .drwlp .drwlp-result-details dl > div { display: flex; justify-content: space-between; gap: 20px; padding-block: 8px; border-block-end: 1px solid var(--wlp-border); }
.drwlp .drwlp-review-inputs dd, .drwlp .drwlp-result-details dd { margin: 0; overflow-wrap: anywhere; text-align: end; }
.drwlp .drwlp-review-inputs dt { color: var(--wlp-muted); }
.drwlp .drwlp-consents { background: #fcfcfa; }
.drwlp .drwlp-result-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 20px; background: #eaf4ef; border-radius: 16px; margin: 20px 0; }
.drwlp .drwlp-result-summary dt { color: var(--wlp-muted); font-size: 14px; }
.drwlp .drwlp-result-summary dd { margin: 8px 0 0; font-size: 28px; font-weight: 700; color: var(--wlp-accent); }
.drwlp .drwlp-result-path { display: grid; grid-template-columns: 1fr 1fr; list-style: none; padding: 0; gap: 20px; margin-block: 24px 12px; }
.drwlp .drwlp-result-path li { padding: 10px; text-align: center; border-block-start: 3px solid var(--wlp-border); font-weight: 700; }
.drwlp .drwlp-result-path li:last-child { color: var(--wlp-accent); border-color: var(--wlp-accent); }
.drwlp .drwlp-compare-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.drwlp .drwlp-compare-grid figure { min-inline-size: 0; border: 1px solid var(--wlp-border); border-radius: 14px; overflow: hidden; background: #f6f7f3; }
.drwlp .drwlp-compare-grid img { inline-size: 100%; block-size: clamp(220px, 40vw, 500px); object-fit: contain; border-radius: 0; background: #fff; }
.drwlp .drwlp-compare-grid figcaption { font-size: 14px; font-weight: 700; }
.drwlp .drwlp-result-details { margin-block: 16px; padding: 16px; border: 1px solid var(--wlp-border); border-radius: 12px; }
.drwlp .drwlp-result-details dl { font-size: 14px; }
.drwlp .drwlp-credit-form { border-inline-start: 4px solid var(--wlp-accent); }
.drwlp .drwlp-job { border-block-start: 3px solid #b3cec1; background: #fcfdfa; }
.drwlp .drwlp-privacy { background: #f0f2ec; box-shadow: none; }
@media (max-width: 640px) {
    .drwlp { padding: 16px; }
    .drwlp .drwlp-card { padding: 18px; }
    .drwlp .drwlp-steps li { font-size: 12px; padding-inline: 4px; }
    .drwlp .drwlp-step[data-step="0"] { display: block; }
    .drwlp .drwlp-step .drwlp-upload-example { margin: 12px auto 20px; max-inline-size: 200px; }
    .drwlp .drwlp-upload-example img { max-block-size: 200px; }
    .drwlp .drwlp-wizard-actions .drwlp-button { inline-size: auto; flex: 1; padding-inline: 12px; }
    .drwlp .drwlp-result-summary { grid-template-columns: 1fr; gap: 12px; }
    .drwlp .drwlp-result-summary > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
    .drwlp .drwlp-result-summary dd { margin: 0; font-size: 24px; }
    .drwlp .drwlp-compare-grid, .drwlp .drwlp-result-path { gap: 8px; }
    .drwlp .drwlp-compare-grid figcaption { font-size: 12px; padding: 8px 4px; }
    .drwlp .drwlp-result-path li { font-size: 13px; padding-inline: 0; }
}