.pir-container{max-width:800px;margin:24px auto;font-family:'Segoe UI',Roboto,system-ui,sans-serif;color:#333}.pir-upload-section{border:2px dashed #1976d2;border-radius:16px;padding:48px 24px;text-align:center;background:#fff}.pir-drop-area.drag-over{background:#e3f2fd;border-color:#0d47a1}.pir-drop-content h3{margin:12px 0 6px;font-weight:600;font-size:1.25rem}.pir-drop-content p{margin:6px 0;color:#666}.pir-hint{font-size:.85rem;margin-top:16px;color:#888}.pir-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;border:none;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:0.15s;text-decoration:none}.pir-btn-primary{background:#1976d2;color:#fff}.pir-btn-primary:hover{background:#1565c0}.pir-btn-download{background:#2e7d32;color:#fff;width:100%;margin-top:16px}.pir-btn-download:hover{background:#1b5e20}.pir-btn-remove{background:#d32f2f;color:#fff}.pir-btn-remove:hover{background:#b71c1c}.pir-btn-outline{background:#fff0;border:2px solid #1976d2;color:#1976d2}.pir-btn-outline:hover{background:#e3f2fd}.pir-btn-icon{font-size:1.1rem}.pir-progress{margin-top:24px}.pir-progress-bar{height:10px;background:#e0e0e0;border-radius:10px;overflow:hidden}.pir-progress-fill{height:100%;width:0%;background:#1976d2;transition:width 0.2s}.pir-progress-text{font-size:.9rem;margin-top:8px;color:#555}.pir-editor{display:flex;gap:32px;flex-wrap:wrap}.pir-preview-panel{flex:1 1 300px;background:#f5f5f5;border-radius:16px;padding:24px;text-align:center}.pir-preview-panel img{max-width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.pir-dims{margin-top:12px;font-size:.95rem;color:#666}.pir-image-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pir-cropper-container{margin:0 auto;max-width:100%;max-height:400px;overflow:hidden;background:#eee;border-radius:8px}.pir-cropper-container img{display:block;max-width:100%}.pir-controls{flex:1 1 300px}.pir-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.pir-tab{background:#e9e9e9;border:none;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer}.pir-tab.active{background:#1976d2;color:#fff}.pir-tab-content{display:none;animation:fadeIn 0.2s}.pir-tab-content.active{display:block}.pir-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.pir-row label{min-width:90px;font-weight:500;font-size:.95rem}.pir-row input[type="number"],.pir-row select{padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:.95rem;width:120px}.pir-row input[type="number"]:focus,.pir-row select:focus{border-color:#1976d2;outline:none}.pir-icon-btn{width:36px;height:36px;background:#fff;border:1px solid #bbb;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pir-icon-btn.locked::after{content:"🔒"}.pir-icon-btn.unlocked::after{content:"🔓"}#percent-slider{width:140px}#percent-value{font-weight:600;min-width:45px}.pir-dim-preview{font-size:.9rem;color:#1976d2;font-weight:500;margin-top:4px}.pir-export-settings{border-top:1px solid #ddd;padding-top:18px;margin-top:20px}.pir-export-settings h4{margin:0 0 12px;font-size:1.1rem}.pir-note{font-size:.8rem;color:#888;margin-top:6px}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.pir-editor{flex-direction:column}}