.ipe-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem}.ipe-settings,.ipe-upload-area{display:flex;flex-direction:column;align-items:center}.ipe-upload-area{justify-content:center;gap:1rem;border:2px dashed var(--gray-300);border-radius:12px;padding:3rem 2rem;text-align:center;color:var(--gray-500);cursor:pointer;transition:border-color .2s,background .2s}.ipe-upload-area.drag-over{border-color:#e53e3e;background:#fff5f5}.ipe-upload-area p{margin:0;font-size:1rem;color:var(--gray-600)}.ipe-settings{gap:1.25rem}.ipe-preview-img{max-width:100%;max-height:240px;border-radius:10px;border:1px solid var(--gray-200);object-fit:contain}.ipe-options{display:flex;align-items:center;gap:.75rem}.ipe-options label{font-size:.9rem;font-weight:600;color:var(--gray-700)}.ipe-select{padding:.4rem .75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:#fff}.ipe-result{display:flex;flex-direction:column;gap:1.25rem}.ipe-palette{display:flex;flex-wrap:wrap;gap:.75rem}.ipe-swatch{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer}.ipe-swatch-color{width:72px;height:72px;border-radius:10px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .15s}.ipe-swatch-color:hover{transform:scale(1.08)}.ipe-swatch-label{font-size:.72rem;font-family:"Courier New",monospace;color:var(--gray-700);text-align:center}.ipe-formats{display:flex;gap:.5rem}.ipe-fmt-btn{padding:.35rem 1rem;border:1px solid var(--gray-300);border-radius:6px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--gray-600);transition:background .15s,border-color .15s}.ipe-fmt-btn.active{background:#e53e3e;border-color:#e53e3e;color:#fff}