.s2p-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem}.s2p-settings,.s2p-upload-area{display:flex;flex-direction:column}.s2p-upload-area{align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;border:2px dashed var(--gray-300);border-radius:12px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.s2p-upload-area.drag-over,.s2p-upload-area:hover{border-color:#e53e3e;background:#fff5f5}.s2p-upload-area svg{color:var(--gray-400)}.s2p-upload-area p{color:var(--gray-600);margin:0}.s2p-settings{gap:1.25rem;margin-top:1.5rem}.s2p-preview-box,.s2p-svg-view{display:flex;align-items:center;justify-content:center}.s2p-preview-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;min-height:140px}.s2p-svg-view{max-width:100%}.s2p-svg-view svg{max-width:100%;max-height:120px}.s2p-options{display:flex;flex-direction:column;gap:.75rem}.s2p-option-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.s2p-option-row label{font-size:.875rem;font-weight:600;color:var(--gray-700);min-width:120px}.s2p-input{padding:.4rem .65rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.95rem;width:110px;color:var(--gray-800)}.s2p-input:focus{outline:0;border-color:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.1)}.s2p-select{padding:.4rem .65rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.95rem;color:var(--gray-800);background:#fff}.s2p-select:focus{outline:0;border-color:#e53e3e}.s2p-result{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.s2p-result-img{max-width:100%;max-height:400px;border-radius:8px;border:1px solid var(--gray-200)}.s2p-result .btn-primary,.s2p-result .btn-secondary{min-width:160px}