@keyframes spin {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}
.hidden {display:none !important}
.invisible {opacity:0 !important}
/* Upload Button */
.upload-button {border:0;background-color:#4FAFFC;color:#fff;text-transform:uppercase;font-weight:700;border-radius:2em;padding:.7em 1.2em .7em 3.6em;font-size:1em;position:relative;cursor:pointer;z-index:10;pointer-events:auto}
.upload-button:before {display:flex;align-items:center;justify-content:center;content:"↑";font-size:1.6em;font-weight:700;background-color:#fff;color:#4FAFFC;border:1px solid currentColor;position:absolute;border-radius:50%;width:1.7em;height:1.7em;left:3px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;box-shadow:0 0 0 3px #fff}
/* Format Selector */
.cd-format-selector {display:flex;align-items:center;gap:12px;margin:20px 0 30px;flex-wrap:wrap;justify-content:center}
.cd-format-selector label {font-weight:500;color:#fff;font-size:14px}
.cd-control-select {padding:10px 16px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;background:rgba(255,255,255,0.9);font-size:14px;min-width:120px;cursor:pointer;color:#333}
.cd-control-select:focus {outline:none;border-color:#4FAFFC;box-shadow:0 0 0 2px rgba(79,175,252,0.3)}
.cd-upload-subtitle {font-size:16px;color:rgba(255,255,255,0.8);margin-bottom:10px}
.cd-file-info {font-size:12px !important;color:rgba(255,255,255,0.6) !important;margin-top:20px !important}
/* Conversion Status */
.cd-conversion-status {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:16px 20px;margin:20px auto;max-width:600px;text-align:center}
.cd-conversion-status.success {background:rgba(76,175,80,0.2);border-color:rgba(76,175,80,0.5)}
.cd-conversion-status.warning {background:rgba(255,152,0,0.2);border-color:rgba(255,152,0,0.5)}
.cd-conversion-status.error {background:rgba(244,67,54,0.2);border-color:rgba(244,67,54,0.5)}
.cd-conversion-status .status-icon {font-size:24px;margin-bottom:8px}
.cd-conversion-status .status-text {font-weight:600;color:#fff;margin-bottom:4px;font-size:16px}
.cd-conversion-status .status-details {font-size:13px;color:rgba(255,255,255,0.8)}
/* Conversion Results */
.cd-conversion-results {background:#1a2d42;border-radius:16px;padding:30px;margin-top:20px}
.cd-results-header {text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2)}
.cd-results-header h3 {font-size:24px;font-weight:600;color:#fff;margin-bottom:12px}
.cd-file-info-row {display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}
.cd-file-name {font-weight:500;color:#fff}
.cd-file-format {background:linear-gradient(135deg,#4FAFFC 0%,#3F5FFF 100%);padding:4px 12px;border-radius:4px;color:#fff;font-weight:600;font-size:12px}
/* Audio Preview */
.cd-audio-preview {background:#0a1929;border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:30px;margin-bottom:24px;text-align:center}
.cd-audio-icon {color:#4FAFFC;margin-bottom:20px}
.cd-audio-icon svg {width:64px;height:64px}
#audio-player {width:100%;max-width:500px;border-radius:8px}
/* Comparison Info */
.cd-comparison-info {display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.cd-info-card {background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px 24px;text-align:center;min-width:180px}
.cd-info-label {display:block;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}
.cd-info-value {display:block;font-size:14px;font-weight:500;color:#fff}
.cd-comparison-info #original-info {color:#4FAFFC}
.cd-info-arrow {font-size:24px;color:#4FAFFC}
/* Action Buttons */
.cd-action-buttons {display:flex;justify-content:center;gap:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2);flex-wrap:wrap}
.cd-primary-btn {display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#4FAFFC 0%,#3F5FFF 100%);border:none;border-radius:8px;padding:14px 28px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all 0.2s ease}
.cd-primary-btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(63,95,255,0.4);color:#fff}
.cd-primary-btn svg {width:20px;height:20px}
.cd-secondary-btn {display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid #4FAFFC;border-radius:8px;padding:12px 24px;color:#4FAFFC;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease}
.cd-secondary-btn:hover {background:rgba(79,175,252,0.1)}
.cd-secondary-btn svg {width:18px;height:18px}
/* Stock Assets */
.cd-stock-assets {display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}
.cd-stock-assets .info h4 {font-size:14px;font-weight:500;color:rgba(255,255,255,0.8);line-height:1.4}
.cd-stock-assets-items {display:flex;gap:12px;flex-wrap:wrap}
.cd-stock-assets-item {width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease}
.cd-stock-assets-item:hover {border-color:#4FAFFC;transform:scale(1.05)}
.cd-stock-assets-item video {width:100%;height:100%;object-fit:cover}
/* Loader */
.cd-tool-file-preview-wrapper {display:none}
.cd-tool-file-preview-wrapper.active {display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:9999}
.cd-tool-preview-loader {display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}
.cd-tool-preview-loader img {width:48px;height:48px;animation:spin 1s linear infinite}
.cd-tool-preview-loader span {font-size:16px;font-weight:500}
/* Top Bar */
.cd_header_top_bar {width:100%;background:#3f5fff;color:#fff;display:flex;align-items:center;justify-content:center;padding:10px 30px;height:auto;z-index:99;position:relative}
.cd_header_top_bar .cd_header_top_bar_content {text-align:center;font-size:14px}
.cd_header_top_bar .cd_header_top_bar_content a {color:#fff;font-weight:600;text-decoration:underline}
/* Drop Area */
.cd-tools-drag-drop-area.highlight {background:rgba(79,175,252,0.1);border-color:#4FAFFC !important}
/* Upload Widget */
iframe[title="Upload Widget"] {display:block !important;z-index:99999 !important}
.convertor {max-width:100%}
@media (max-width:768px) {
.cd-conversion-results {padding:20px}
.cd-comparison-info {flex-direction:column;gap:12px}
.cd-info-arrow {transform:rotate(90deg)}
.cd-action-buttons {flex-direction:column}
.cd-primary-btn,.cd-secondary-btn {width:100%;justify-content:center}
.cd-audio-preview {padding:20px}
}