.wpdjcsv-container{max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.wpdjcsv-container *{box-sizing:border-box}.wpdjcsv-input-group,.wpdjcsv-output-group,.wpdjcsv-settings-group{margin-bottom:20px}.wpdjcsv-settings-group{display:flex;gap:20px;flex-wrap:wrap;padding:15px;background-color:#f8f9fa;border-radius:4px}.wpdjcsv-setting-item{display:flex;align-items:center;gap:10px}.wpdjcsv-label{display:block;margin-bottom:10px;font-weight:600;color:#555}.wpdjcsv-textarea{width:100%;min-height:200px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;resize:vertical}.wpdjcsv-select{padding:8px;border-radius:4px;border:1px solid #ddd;background-color:#fff;min-width:150px}.wpdjcsv-button-group{display:flex;gap:10px;margin:20px 0;justify-content:center;flex-wrap:wrap}.wpdjcsv-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color 0.3s;font-family:inherit}.wpdjcsv-btn-convert{background-color:#4CAF50;color:#fff}.wpdjcsv-btn-convert:hover{background-color:#45a049}.wpdjcsv-btn-clear{background-color:#f44336;color:#fff}.wpdjcsv-btn-clear:hover{background-color:#da190b}.wpdjcsv-btn-sample{background-color:#FF9800;color:#fff}.wpdjcsv-btn-sample:hover{background-color:#f57c00}.wpdjcsv-error{display:none;color:#f44336;margin-top:10px;padding:10px;border-radius:4px;background-color:#ffebee;border:1px solid #ffcdd2}.wpdjcsv-error.show{display:block}.wpdjcsv-copy-wrapper{display:flex;align-items:center;gap:10px;margin-top:10px}.wpdjcsv-btn-copy{background-color:#2196F3;color:#fff}.wpdjcsv-btn-copy:hover{background-color:#1976D2}.wpdjcsv-copy-message{display:none;color:#4CAF50;font-weight:500;padding:5px 10px;border-radius:4px;background-color:#E8F5E9}.wpdjcsv-copy-message.show{display:inline-block}