.dpi-hero{background:var(--silver-canvas);padding:48px 0 36px}.dpi-hero h1{letter-spacing:-.048em;margin:20px 0 16px;font-size:clamp(35px,4.65vw,66px);font-weight:800;line-height:1.02}.dpi-hero h1 span{color:var(--silver-violet)}.dpi-hero p{max-width:740px;color:var(--silver-muted);font-size:19px}.dpi-private{color:#5832ce;background:#eae5ff;border-radius:3px;padding:8px 14px;display:inline-block}.dpi-body{margin-top:24px;padding-bottom:48px}.dpi-body h2{font-size:27px;font-weight:750;line-height:1.15}.dpi-panel{background:#fff;border:1px solid #dfe2ed;border-radius:8px;padding:28px}.dpi-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;display:grid}.dpi-columns>section{min-width:0}.dpi-columns>section+section{border-left:1px solid #dfe2ed;padding-left:28px}.dpi-panel h2{margin-top:0}.dpi-panel h3{margin:0 0 8px;font-size:17px}.dpi-panel p{color:#5e647b}.dpi-drop{background:#f8f8fc;border:1px dashed #858ba3;border-radius:8px;padding:24px}.dpi-label{margin-bottom:12px;font-weight:700;display:block}.dpi-choose{color:#1b1d33;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;min-height:44px;margin-bottom:12px;padding:10px 20px;font-weight:600;display:inline-flex}#dpi-file:focus-visible+.dpi-choose{outline-offset:4px;outline:3px solid #5832ce}#dpi-file:disabled+.dpi-choose{cursor:not-allowed}.dpi-drop p,.dpi-small{color:#5e647b;font-size:13px;line-height:1.6}.dpi-preview{object-fit:contain;background:#f8f8fc;border-radius:8px;width:100%;max-height:400px;margin-top:20px;display:block}.dpi-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:16px;font-size:14px}.dpi-table th,.dpi-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dfe2ed;padding:10px 8px}.dpi-table th{color:#5e647b;background:#f8f8fc;width:35%;font-weight:500}#dpi-target{font:inherit;color:#1b1d33;background:#fff;border:1px solid #858ba3;border-radius:8px;width:min(100%,260px);min-height:48px;padding:10px 14px}.dpi-presets,.dpi-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.dpi-actions button,.dpi-output a,.dpi-presets button{min-height:44px;font:inherit;color:#1b1d33;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;padding:10px 20px;text-decoration:none;display:inline-flex}.dpi-presets button{border-radius:8px;min-width:64px;padding:8px 18px}.dpi-panel .dpi-primary{color:#fff;background:#6741f5;border-color:#6741f5}.dpi-panel .dpi-primary:hover{background:#4f28d2}.dpi-presets button[aria-pressed=true]{color:#5832ce;background:#f0ecff;border-color:#6741f5;font-weight:650}.dpi-panel button:disabled{color:#5e647b;cursor:not-allowed;background:#f3f4f9;border-color:#dfe2ed}.dpi-size-box,.dpi-notice{background:#f8f8fc;border-radius:8px;margin:20px 0;padding:20px}.dpi-size-box #dpi-size{color:#1b1d33;font-size:19px;font-weight:650}.dpi-notice{background:#f0ecff}.dpi-notice strong{color:#5832ce}.dpi-notice p:last-child,.dpi-size-box p:last-child{margin-bottom:0}.dpi-panel .dpi-step-three{margin-top:28px}.dpi-output{overflow-wrap:anywhere;border-top:1px solid #dfe2ed;margin-top:24px;padding-top:20px}#dpi-error{color:var(--silver-error)}#dpi-target[aria-invalid=true]{border-color:var(--silver-error)}.dpi-panel :is(input,button,a):focus-visible{outline-offset:4px;outline:3px solid #5832ce}.dpi-info{margin-top:36px}.dpi-steps{border-bottom:1px solid #dfe2ed;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 0 24px 24px;display:grid}.dpi-steps li{padding-left:4px}.dpi-steps strong{margin-bottom:8px;display:block}.dpi-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0;display:grid}.dpi-facts h3{margin:0 0 8px;font-size:17px}.dpi-facts p,.dpi-info details p{color:#5e647b}.dpi-faq{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.dpi-info details{border:1px solid #dfe2ed;border-radius:5px;padding:12px 16px}.dpi-info summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.dpi-related{flex-wrap:wrap;gap:24px;margin-top:28px;display:flex}.dpi-related a{align-items:center;min-height:44px;display:inline-flex}.dpi-body [hidden]{display:none!important}@media (width<=800px){.dpi-columns,.dpi-steps,.dpi-facts,.dpi-faq{grid-template-columns:1fr}.dpi-columns>section+section{border-top:1px solid #dfe2ed;border-left:0;padding:24px 0 0}.dpi-panel{padding:23px}.dpi-steps{gap:20px}.dpi-facts{gap:4px}}