.cpx-tool{max-width:860px;margin:0 auto 2rem;padding:1.25rem;border:1px solid #e3e6f3;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgb(67 56 202 / .08);font-family:inherit}.cpx-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem}.cpx-presets button{border:1px solid #c7cbf0;background:#f5f6ff;color:#3730a3;border-radius:999px;padding:.4rem .85rem;font-size:.88rem;cursor:pointer;line-height:1.2}.cpx-presets button:hover{background:#e8eaff}.cpx-presets button.is-on{background:#4338ca;color:#fff;border-color:#4338ca}.cpx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.cpx-field label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.3rem}.cpx-field input,.cpx-field select{width:100%;box-sizing:border-box;padding:.6rem .7rem;border:1px solid #cfd3e8;border-radius:10px;font-size:1rem;background:#fff;color:#111827}.cpx-field input:focus,.cpx-field select:focus{outline:2px solid #6366f1;outline-offset:1px}.cpx-dpi-custom{margin-top:.4rem}.cpx-out{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;border-radius:14px;padding:1.1rem 1.2rem}.cpx-main{font-size:1.6rem;font-weight:700;line-height:1.25;margin:0 0 .7rem}.cpx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem 1.2rem;margin:0;padding:0;list-style:none;font-size:.95rem}.cpx-list li{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid rgb(255 255 255 / .2);padding:.25rem 0}.cpx-list span{opacity:.85}.cpx-copy{margin-top:.9rem;background:#fff;color:#3730a3;border:0;border-radius:10px;padding:.55rem 1rem;font-weight:600;cursor:pointer}.cpx-empty{margin:0}.cpx-note{font-size:.85rem;color:#4b5563;margin:.8rem 0 0}@media(max-width:640px){.cpx-grid{grid-template-columns:repeat(2,1fr)}.cpx-list{grid-template-columns:1fr}.cpx-main{font-size:1.35rem}}