.dpi-page{--dpi-gold:#eaa300;--dpi-blue:#0d83f3;--dpi-ink:#07183d}.dpi-workflow{padding:clamp(24px,3vw,48px)}.dpi-mode-picker{border:0;min-width:0;margin:0 0 22px;padding:0}.dpi-mode-picker legend{color:#20385f;margin-bottom:12px;font-weight:900}.dpi-mode-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dpi-mode-picker label{min-width:0;position:relative}.dpi-mode-picker input{opacity:0;position:absolute}.dpi-mode-picker label>span{color:#53698f;cursor:pointer;background:#fff;border:1px solid #d1def2;border-radius:18px;grid-template-rows:auto 1fr;grid-template-columns:36px 1fr;align-content:center;gap:3px 10px;min-height:112px;padding:16px;display:grid}.dpi-mode-picker i{color:var(--dpi-gold);grid-row:1/3;align-self:center;font-size:1.65rem}.dpi-mode-picker strong{color:var(--dpi-ink)}.dpi-mode-picker small{line-height:1.45}.dpi-mode-picker input:checked+span{background:#eef7ff;border-color:#69b5ff;box-shadow:0 7px 22px #1266be1a}.dpi-mode-picker input:focus-visible+span{outline:3px solid #0d83f333}.dpi-workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:22px;display:grid}.dpi-input-panel,.dpi-result-panel{background:#f9fbffe6;border:1px solid #d8e4f7;border-radius:26px;padding:clamp(22px,2.2vw,34px)}.dpi-mode-hint{color:#52698f;margin:8px 0 22px;line-height:1.65}.dpi-file-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.dpi-file-button{cursor:pointer}.dpi-file-row small,.dpi-field-note{color:#60769b}.dpi-file-status{color:#087c64;overflow-wrap:anywhere;min-height:24px;margin:6px 0 12px;font-size:.9rem;font-weight:750}.dpi-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dpi-fields-grid>label,.dpi-unit-select{color:#243a63;gap:8px;min-width:0;font-weight:800;display:grid}.dpi-input-shell{background:#fff;border:1px solid #cbdaf1;border-radius:15px;align-items:center;min-width:0;display:flex;overflow:hidden}.dpi-input-shell:focus-within{border-color:var(--dpi-blue);box-shadow:0 0 0 3px #0d83f321}.dpi-input-shell input{width:100%;min-width:0;min-height:52px;color:var(--dpi-ink);font:inherit;background:0 0;border:0;outline:0;padding:0 8px 0 14px;font-weight:850}.dpi-input-shell em{color:#64789c;padding-right:13px;font-style:normal;font-weight:750}.dpi-fields-grid select,.dpi-unit-select select{min-height:52px;color:var(--dpi-ink);font:inherit;background:#fff;border:1px solid #cbdaf1;border-radius:15px;padding:0 14px;font-weight:800}.dpi-field-note{margin:10px 0 0;font-size:.88rem;line-height:1.5}.dpi-unit-select{max-width:240px;margin-top:14px}.dpi-presets{border:0;min-width:0;margin:18px 0 0;padding:0}.dpi-presets legend{color:#243a63;margin-bottom:9px;font-weight:850}.dpi-presets>div{flex-wrap:wrap;gap:8px;display:flex}.dpi-presets button{color:#263c65;cursor:pointer;min-width:58px;min-height:44px;font:inherit;background:#fff;border:1px solid #ccd9ef;border-radius:12px;font-weight:850}.dpi-presets button:hover,.dpi-presets button.is-active{border-color:var(--dpi-gold);color:#956600;background:#fff8e7}.dpi-form-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.dpi-form-actions .primary-action{flex:220px}.dpi-result-empty{color:#65799b;text-align:center;align-content:center;place-items:center;gap:16px;min-height:390px;display:grid}.dpi-result-empty i{width:72px;height:72px;color:var(--dpi-gold);background:#fff5d9;border-radius:22px;place-items:center;font-size:2.25rem;display:grid}.dpi-result-empty p{max-width:380px;line-height:1.65}.dpi-result-hero{background:linear-gradient(135deg,#fff6d9,#edf7ff);border-radius:20px;gap:7px;padding:22px;display:grid}.dpi-result-hero span{color:#6b7893;font-size:.85rem;font-weight:750}.dpi-result-hero strong{color:var(--dpi-ink);overflow-wrap:anywhere;font-size:clamp(1.45rem,3vw,2.1rem)}.dpi-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.dpi-result-grid>div{background:#fff;border:1px solid #dbe6f7;border-radius:16px;min-width:0;padding:14px}.dpi-result-grid dt{color:#64799d;font-size:.78rem;font-weight:750}.dpi-result-grid dd{color:var(--dpi-ink);overflow-wrap:anywhere;margin:6px 0 0;font-size:1.04rem;font-weight:900}.dpi-mismatch,.dpi-guidance{border-radius:15px;gap:9px;padding:12px 14px;line-height:1.55;display:flex}.dpi-mismatch{color:#8a5b00;background:#fff4df;font-weight:750}.dpi-guidance{color:#52698f;background:#eef4ff;margin:10px 0 0}.dpi-copy-result{width:100%;margin-top:16px}.dpi-action-status{color:#087c64;min-height:22px;margin:8px 0 0;font-weight:750}@media (width<=1050px){.dpi-workspace-grid{grid-template-columns:1fr}}@media (width<=760px){.dpi-mode-picker>div{grid-template-columns:1fr}.dpi-mode-picker label>span{min-height:84px}}@media (width<=680px){.dpi-workflow{padding:20px 14px}.dpi-input-panel,.dpi-result-panel{border-radius:20px;padding:20px 16px}.dpi-fields-grid{grid-template-columns:1fr}.dpi-form-actions{grid-template-columns:1fr;display:grid}.dpi-unit-select{max-width:none}.dpi-result-grid{grid-template-columns:1fr}}