.db-pe{--pe-red:#c90830;--pe-ink:#202632;--pe-line:#e4e7ec;position:fixed;width:min(1240px,96vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #fff;border-radius:22px;color:var(--pe-ink);background:#f6f7fa;box-shadow:0 30px 100px #101a384d;font:14px/1.5 Calibri,Arial,sans-serif;overflow:auto}
.db-pe::backdrop{background:#152134b8;backdrop-filter:blur(4px)}
.db-pe [hidden]{display:none!important}.db-pe *{box-sizing:border-box}.db-pe button,.db-pe input,.db-pe select{font:inherit}.db-pe button{cursor:pointer}.db-pe button:disabled{cursor:wait;opacity:.48}.db-pe :focus-visible{outline:3px solid #018891;outline-offset:3px}
.db-pe-header{padding:22px 28px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(110deg,#fff 58%,#fff0f3);border-bottom:1px solid var(--pe-line)}.db-pe-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--pe-red)}.db-pe h2{font-size:27px;margin:4px 0}.db-pe p{margin:4px 0;color:#5a6475}.db-pe-close{border:1px solid var(--pe-line);background:#fff;border-radius:50%;width:38px;height:38px;font-size:24px!important}
.db-pe-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px}.db-pe-workspace{padding:28px;min-width:0}.db-pe-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.db-pe figure{margin:0;min-width:0}.db-pe figcaption{font-weight:700;margin:0 0 12px;font-size:13px}.db-pe-frame{height:330px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#eceef2 0% 25%,#f5f6f8 0% 50%) 50%/20px 20px;border:1px solid #dce0e8}.db-pe-frame img,.db-pe-frame canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.db-pe-status{padding:15px 17px;border-radius:12px;background:#e8f6f4;color:#175a57;margin-top:22px;min-height:52px;overflow-wrap:anywhere}.db-pe-error{background:#fff0f0;color:#a00927}.db-pe-restore-row{margin-top:18px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.db-pe-restore-row span{font-size:12px;color:#667084;max-width:260px}
.db-pe-controls{background:#fff;padding:20px;border-left:1px solid var(--pe-line)}.db-pe-tabs{display:flex;gap:5px;background:#f3f4f7;padding:5px;border-radius:12px;margin-bottom:16px}.db-pe-tabs button{flex:1;border:0;background:none;border-radius:8px;padding:9px;color:#596172;font-weight:700}.db-pe-tabs button[aria-pressed=true]{background:#fff;color:var(--pe-red);box-shadow:0 2px 8px #19203b12}.db-pe-note{font-size:12px;line-height:1.6;margin:10px 0 16px!important}.db-pe-field{display:grid;gap:7px;font-weight:700;margin:14px 0}.db-pe-field select{width:100%;padding:10px;border:1px solid #d9dee8;border-radius:9px;background:#fff;color:var(--pe-ink)}.db-pe-range{display:block;margin:12px 0}.db-pe-range>span{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.db-pe-range output{color:#69768b;font-variant-numeric:tabular-nums;font-weight:400}.db-pe-range input{width:100%;accent-color:var(--pe-red);height:22px}.db-pe hr{border:0;border-top:1px solid var(--pe-line);margin:17px 0}.db-pe-button{border:1px solid #d9dee8;background:#fff;color:#30394a;padding:10px 15px;border-radius:9px;font-weight:700!important}.db-pe-button:hover:not(:disabled){border-color:var(--pe-red);color:var(--pe-red)}.db-pe-primary{background:var(--pe-red);border-color:var(--pe-red);color:#fff}.db-pe-primary:hover:not(:disabled){background:#a60829;color:#fff}.db-pe-wide{width:100%;margin:7px 0}.db-pe-button-row{display:flex;gap:8px}.db-pe-button-row button{flex:1;padding:8px}
.db-pe-protection{background:#eef8f4;border:1px solid #cbe7db;border-radius:12px;padding:13px}.db-pe-protection strong{color:#1c6953;font-size:12px}.db-pe-protection p{font-size:11px;line-height:1.6;margin-top:6px}.db-pe-presets{display:grid;gap:8px}.db-pe-preset{display:flex;gap:9px;align-items:center;border:1px solid var(--pe-line);border-radius:11px;padding:12px;cursor:pointer}.db-pe-preset:has(input:checked){border-color:#d9123c;background:#fff5f7}.db-pe-preset input,.db-pe-consent input{accent-color:var(--pe-red)}.db-pe-preset strong,.db-pe-preset small{display:block}.db-pe-preset strong{font-size:13px}.db-pe-preset small{font-size:11px;color:#687285;margin-top:3px}.db-pe-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:17px 0}.db-pe-consent input{margin-top:4px}.db-pe-history{border-top:1px solid var(--pe-line);padding-top:10px;margin-top:15px;font-size:12px}.db-pe-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;background:#fff;border-top:1px solid var(--pe-line);position:sticky;bottom:0;z-index:1}.db-pe-footer p{font-size:12px}.db-pe-footer>div{display:flex;gap:10px;flex-shrink:0}
@media(max-width:850px){.db-pe-layout{grid-template-columns:1fr}.db-pe-controls{border-left:0;border-top:1px solid var(--pe-line)}.db-pe-workspace{padding:18px}.db-pe-frame{height:230px}.db-pe-controls section{max-width:650px;margin:auto}.db-pe-presets{grid-template-columns:1fr 1fr}.db-pe-header{padding:18px}.db-pe-footer{padding:13px 18px}}
@media(max-width:480px){.db-pe{width:97vw;border-radius:14px;max-height:96dvh}.db-pe h2{font-size:23px}.db-pe-header p{font-size:12px}.db-pe-comparison{gap:10px}.db-pe-frame{height:170px}.db-pe-workspace{padding:14px}.db-pe-presets{grid-template-columns:1fr}.db-pe-footer{flex-direction:column;gap:8px;align-items:stretch}.db-pe-footer>div{justify-content:flex-end}.db-pe figcaption{font-size:11px}}
.db-pe-frame img,.db-pe-frame canvas{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}