@keyframes spin {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}
@keyframes pulse {
    0% {transform: scale(1);box-shadow: 0 5px 10px #00000040;border-width: 0}
    50% {transform: scale(1.025);box-shadow: 0 10px 20px #00000080;border-width: 5px}
    100% {transform: scale(1);box-shadow: 0 5px 10px #00000040;border-width: 0}
}
.hidden {display: none !important}
.invisible {opacity: 0 !important}
.text-green {color: green}
.text-yellow {color: #daa520}
.cd-shape-controls {background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 12px;padding: 20px;margin: 20px 0;display: flex;flex-wrap: wrap;gap: 20px;align-items: center}
.cd-control-group {display: flex;align-items: center;gap: 8px}
.cd-control-group label {font-weight: 500;color: #333;font-size: 14px;white-space: nowrap}
.cd-control-select {padding: 8px 12px;border: 1px solid #ddd;border-radius: 6px;background: #fff;font-size: 14px;min-width: 120px;cursor: pointer}
.cd-control-select:focus {outline: none;border-color: #4FAFFC;box-shadow: 0 0 0 2px #4faffc33}
.cd-checkbox-label {display: flex;align-items: center;gap: 8px;cursor: pointer;font-size: 14px;color: #333}
.cd-control-checkbox {width: 16px;height: 16px;accent-color: #4FAFFC;cursor: pointer}
.cd-checkbox-text {font-weight: 400}
#hero.content-grid-mod .cd-shape-controls {background: #ffffff1a;border: 1px solid #fff3;color: #fff}
#hero.content-grid-mod .cd-control-group label {color: #fff}
#hero.content-grid-mod .cd-checkbox-text {color: #fff}
#hero.content-grid-mod .cd-control-select {background: #ffffffe6;border: 1px solid #ffffff4d;color: #333}
@media (max-width: 768px) {
    .cd-shape-controls {flex-direction: column;align-items: stretch;gap: 15px}
    .cd-control-group {justify-content: space-between}
    .cd-control-select {min-width: 100px}
}
.cd-shape-status {background: #e8f5e8;border: 1px solid #4caf50;border-radius: 8px;padding: 12px;margin: 10px 0;display: none}
.cd-shape-status.success {background: #e8f5e8;border-color: #4caf50;color: #2e7d32}
.cd-shape-status.warning {background: #fff3e0;border-color: #ff9800;color: #e65100}
.cd-shape-status.error {background: #ffebee;border-color: #f44336;color: #c62828}
.cd-shape-status .status-text {font-weight: 500;margin-bottom: 4px}
.cd-shape-status .status-details {font-size: 12px;opacity: .8}
#hero.content-grid-mod .cd-shape-status {background: #ffffff1a;border-color: #ffffff4d;color: #fff}
#hero.content-grid-mod .cd-shape-status.success {background: #4caf5033;border-color: #4caf5080}
#hero.content-grid-mod .cd-shape-status.warning {background: #ff980033;border-color: #ff980080}
#hero.content-grid-mod .cd-shape-status.error {background: #f4433633;border-color: #f4433680}
#hero .cd-tool-stock-control-wrapper {display: flex;gap: 30px}
#hero .cd-tool-stock-control-wrapper .cd-shape-controls {order: 1;max-width: min-content}
#hero .cd-tool-stock-control-wrapper .cd-shape-controls .cd-control-group {flex-wrap: wrap}
.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}
.upload-button:before {display: flex;align-items: center;justify-content: center;content: "\2191";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}
.error {color: #840000;background-color: #ffcccb;padding: .6em .8em;border-radius: .4em}
.error p {margin: 0}
#hero.content-grid-mod .converter-wrapper .drop-area {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 100px auto;padding: 20px;height: 320px;background-color: #fff;transition: background-color .5s ease-out;color: #666;border-radius: 2em;font-family: sans-serif;text-align: center;border: 2px solid transparent}
#hero.content-grid-mod .converter-wrapper .drop-area.highlight {box-shadow: 0 10px 20px #0003;border: 2px solid #4FAFFC}
#hero.content-grid-mod .converter-wrapper .drop-area.highlight > * {pointer-events: none}
.content-grid-mod {position: relative}
#hero.content-grid-mod::before {background: #0065ad;background: -moz-radial-gradient(circle, #0065adff 0%, #031f33ff 82%);background: -webkit-radial-gradient(circle, #0065adff 0%, #031f33ff 82%);background: radial-gradient(circle, #0065adff 0%, #031f33ff 82%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0065ad", endColorstr="#031f33", GradientType=1);background-size: 300vw;background-repeat: no-repeat;background-position: right bottom;height: 70%}
#hero.content-grid-mod::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: auto;margin: auto;height: 30%;background-color: #0D1E32;background-image: url("../../../../assets/img/clouds.svg");background-size: 700px;background-repeat: no-repeat;background-position: -360px -370px}
#hero.content-grid-mod {border-bottom: 0;z-index: 99}
#hero.content-grid-mod .intro h1 {font-size: 61px;font-weight: 300;line-height: 1.2;margin-bottom: 24px}
#hero.content-grid-mod .intro p {font-size: 22px;font-weight: 400;line-height: 1.5}
#hero.content-grid-mod .tools-breadcrumb {font-size: 16px;font-weight: 700;text-transform: uppercase;color: #fff;margin-bottom: 36px}
#hero.content-grid-mod .converter-wrapper {background-color: #23436A;padding: 88px;border-radius: 24px;margin-top: 76px;transition: height .3s ease-out}
#hero.content-grid-mod .converter-wrapper .drop-area {background-color: #355A90;border-radius: 16px;padding: 50px 60px;height: auto;margin: 0 auto 40px}
#hero.content-grid-mod .converter-wrapper .drop-area h2 {font-weight: 300;font-size: 47px;color: #fff;margin-bottom: 42px;line-height: 1.2}
#hero.content-grid-mod .converter-wrapper .drop-area p {font-size: 16px;color: #fff;line-height: 1.5;font-family: "Inter", sans-serif;margin: 16px auto}
#hero.content-grid-mod .converter-wrapper .drop-area::before {content: "";display: flex;height: 100px;width: 100px;background-image: url("../../../../assets/img/upload.svg");background-size: contain;background-repeat: no-repeat;background-position: center}
#hero.content-grid-mod .upload-button::before {display: none}
#hero.content-grid-mod .upload-button {padding: 10px 32px;font-family: "Inter", sans-serif}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets {display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets .info {text-align: left}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets .info h4 {font-size: 22px;font-weight: 500;color: #fff;line-height: 1.2;margin-bottom: 0}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-stock-assets-items {display: flex;gap: 20px}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-stock-assets-item img {max-width: 100px;border-radius: 12px;border: 3px solid #fff;cursor: pointer;height: 100px;width: 100px;object-fit: cover}
#hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-mini-upload-area {width: 100px;height: 100px;background-image: url("../../../../assets/img/upload_area.svg");background-size: cover;background-repeat: no-repeat;display: none;border-radius: 8px;background-color: #23436a}
#hero .tool-breadcrumb {display: flex;align-items: center;justify-content: center;gap: 10px;font-weight: 700;font-size: 16px;text-transform: uppercase;margin-bottom: 36px;line-height: 1.2}
#hero .tool-breadcrumb a {color: #0095FF;font-weight: 700}
#hero .tool-breadcrumb .tool-breadcrumb-divider {color: #0095FF;font-weight: 700}
.preview-active#hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-mini-upload-area {display: unset}
.preview-active#hero.content-grid-mod .converter-wrapper .cd-stock-assets {justify-content: left}
.preview-active#hero.content-grid-mod .convertor {max-width: 100%}
.preview-active#hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-mini-upload-area.highlight {box-shadow: 0 10px 20px #0003}
.preview-active#hero.content-grid-mod .cd-tool-file-preview-wrapper {padding: 30px 0}
.cd-tool-file-preview-wrapper {flex-wrap: wrap;align-items: center;justify-content: center;gap: 30px;padding: 30px;border-radius: 30px;display: none}
.cd-tool-file-preview-wrapper.active {display: flex}
.cd-tool-file-preview-list-item {display: flex;flex-wrap: nowrap;width: 100%}
.cd-tool-file-preview-wrapper .cd-tool-preview-loader {order: 999}
.cd-tool-file-preview-wrapper .cd-tool-preview-loader[data-loader-view="full"] {order: 999;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #1119;z-index: 999;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(5px)}
.cd-tool-file-preview-wrapper .cd-tool-preview-loader span {font-weight: 500;color: #fff}
.cd-tool-file-preview-wrapper .cd-tool-preview-loader img {animation: spin 1s infinite linear}
.single.single-tools iframe[title="Upload Widget"] {display: none}
.cd-tool-file-preview-processed {order: 2}
.cd-tool-file-preview-item .file-content {display: flex;align-items: flex-end;justify-content: space-between;gap: 15px;width: 100%;font-size: 14px;min-height: 43px;line-height: 1.5}
.cd-tool-file-preview-item .file-size-meta {text-align: right}
.cd-tool-file-preview-item .file-content-meta {display: flex;flex-wrap: nowrap;gap: 10px;width: 100%;justify-content: space-between}
.cd-tool-file-preview-item .file-content .file-size-difference, .cd-tool-file-preview-item .file-content .file-size {white-space: nowrap}
.cd-tool-file-preview-item .file-content .file-size-difference {font-weight: 700;color: #46ff46}
.cd-tool-file-preview-item .file-content .file-size-difference[data-diff-status="+"] {color: #ff0e0e}
.cd-tool-file-preview-item .file-content .file-size-difference[data-diff-status="-"] {color: #46ff46}
.cd-tool-file-preview-item .file-content .file-dimensions, .cd-tool-file-preview-item .file-content .file-size {color: #fff;font-weight: 300;opacity: .9}
.cd-tool-file-preview-item .file-content .file-dimensions {display: none}
.cd-tool-file-preview-item .file-content .file-download {display: flex;align-items: center;gap: 8px;margin-left: 15px}
.cd-tool-file-preview-item .file-content .file-download-btn {text-decoration: none;background: #d6daf3;display: flex;align-items: center;justify-content: center;padding: 2px 12px 4px;border-radius: 8px;gap: 6px}
.cd-tool-file-preview-item .file-content .file-download .extension {font-size: 16px;font-weight: 600;color: #3448c5}
.cd-tool-file-preview-item .file-content .file-download svg {width: 13px;fill: #3448c5}
.cd-tool-file-preview-list-item .cd-tool-file-preview-original .file-content .file-meta .extension {background: #d6daf3;display: flex;align-items: center;justify-content: center;padding: 2px 12px 4px;border-radius: 8px;gap: 6px;font-size: 16px;font-weight: 600;color: #3448c5}
.cd-tool-file-preview-list-item .cd-tool-file-preview-original .file-content .file-meta {flex-wrap: nowrap;display: flex;align-items: center;gap: 10px}
.cd-tool-file-preview-list-item .cd-tool-file-preview-item .file-content-meta {flex-wrap: wrap;gap: 5px;padding-left: 16px}
.cd-tool-file-preview-list-item .cd-tool-file-preview-item .file-name {font-size: 16px;color: #fff;width: 100%;text-align: left;font-weight: 600;line-height: 1.2}
.cd-tool-file-preview-list-item .cd-tool-file-preview-item video {height: auto;max-height: 100%;min-height: auto;width: 100%;max-width: 100%;border-radius: 10px}
.cd-tool-file-preview-list-item .cd-tool-file-preview-item .media-container {display: flex;align-items: flex-start;justify-content: center;width: 100%;max-width: fit-content}
.cd-tool-file-preview-list-item .cd-tool-file-preview-original img[src=""], .cd-tool-file-preview-list-item .cd-tool-file-preview-original video[src=""] {display: none}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item .media-container {max-width: 100%}
.cd-tool-file-preview-list-item[data-style="1"] .file-content {margin-top: 12px}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item {display: flex;flex-wrap: wrap;width: 100%;max-width: 100%;flex-grow: 1}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item img {max-width: 100%;border-radius: 10px;width: 100%;height: auto}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item label.media-status-label {font-size: 20px;font-weight: 600;text-align: left;width: 100%;color: #fff;line-height: 1.2;margin-bottom: 12px}
.cd-tool-file-preview-list-item[data-style="1"] {gap: 30px}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item .file-content-meta {padding-left: 0;min-height: 55px;align-items: flex-end}
.cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item .file-content-meta .file-meta {width: 100%;justify-content: space-between;flex-direction: row-reverse;align-items: flex-end}
.cd-tool-file-preview-list-item[data-style="2"] {width: 100%;justify-content: space-between;background-color: #355a90;padding: 20px;border-radius: 10px}
.cd-tool-file-preview-list-item[data-style="2"] .cd-tool-file-preview-item {display: flex;align-items: center;justify-content: space-between}
.cd-tool-file-preview-list-item[data-style="2"] .cd-tool-file-preview-original {flex-wrap: nowrap}
.cd-tool-file-preview-list-item[data-style="2"] .cd-tool-file-preview-original img {max-width: 96px;border-radius: 8px}
.cd-tool-file-preview-list-item[data-style="2"] .cd-tool-file-preview-original .file-content {min-height: unset;margin: 0}
.cd-tool-file-preview-list { display: flex; flex-wrap: wrap; flex-direction: column; gap: 40px;}
.cd-tool-file-preview-item img.transparent-bg {background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size: 20px 20px;background-position: 0 0, 0 10px, 10px -10px, -10px 0}
.cd-tools-download-all {width: 100%;max-width: 100%;margin-top: 20px}
#cd-tools-download-all-btn {background-color: #0d9aff;color: #fff;padding: 12px 26px;border-radius: 30px;font-weight: 600;background-image: linear-gradient(to left, #48C4D8 14.81%, #007DD6 70.37%, #3F5FFF 100%);display: inline-block;cursor: pointer;border: none}
.cd-download-actions {text-align: center;margin-top: 20px}
#hero .cd_header_top_bar {display: none}
.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 a {color: #fff;text-transform: uppercase;text-decoration: underline;margin-left: 8px}
@media (max-width: 767px) {
    #hero.content-grid-mod .converter-wrapper .drop-area h2 {font-size: 22px}
    #hero.content-grid-mod .converter-wrapper {padding: 20px 20px 40px;margin-top: 40px;border-radius: 12px}
    #hero#hero.content-grid-mod .converter-wrapper .drop-area {padding: 20px;height: auto}
    #hero.content-grid-mod .converter-wrapper .cd-stock-assets {justify-content: flex-start}
    #hero.content-grid-mod .converter-wrapper .drop-area h2 {margin-bottom: 17px}
    #hero.content-grid-mod .converter-wrapper .drop-area::before {height: 60px;width: 60px}
    #hero.content-grid-mod .converter-wrapper .drop-area p {font-size: 14px !important}
    #hero.content-grid-mod .intro p {font-size: 16px}
    #hero.content-grid-mod .intro h1 {font-size: 42px}
    #hero.content-grid-mod .tools-breadcrumb {margin-bottom: 16px;font-size: 12px}
    #hero.content-grid-mod .converter-wrapper .cd-stock-assets .info h4 {font-size: 14px}
    #hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-stock-assets-item img {max-width: 60px;border-radius: 8px;border-width: 2px;max-height: 60px}
    #hero.content-grid-mod .converter-wrapper .cd-mini-upload-area {width: 60px;height: 60px}
    #hero.content-grid-mod .converter-wrapper .cd-stock-assets .cd-stock-assets-items {gap: 10px}
    .cd-tool-file-preview-list-item[data-style="1"] {gap: 15px}
    .cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item label.media-status-label {font-size: 14px}
    .cd-tool-file-preview-list-item[data-style="2"] {padding: 16px;border-radius: 6px}
    .cd-tool-file-preview-item .file-content {font-size: 12px}
    .cd-tool-file-preview-item .file-content .file-download-btn {padding: 3px 10px 4px;border-radius: 4px;font-size: 11px}
    .cd-tool-file-preview-item .file-content .file-download svg {width: 11px}
    .cd-tool-file-preview-item .file-content .file-download .extension {font-size: 12px}
    .cd-tool-file-preview-list-item .cd-tool-file-preview-original .file-content .file-meta .extension {padding: 3px 10px 4px;border-radius: 4px;font-size: 11px}
    .cd-tool-file-preview-list-item .cd-tool-file-preview-item .file-name {font-size: 13px;font-weight: 600}
    .cd-tool-file-preview-list-item[data-style="1"] .cd-tool-file-preview-item img {border-radius: 5px}
    .cd-tool-file-preview-list-item .cd-tool-file-preview-item.cd-tool-file-preview-original .file-content-meta {justify-content: flex-start;padding-left: 10px}
    .cd-tool-file-preview-list-item .cd-tool-file-preview-item.cd-tool-file-preview-processed .file-content-meta {justify-content: flex-end;padding-left: 10px}
    .cd-tool-file-preview-list-item[data-style="2"] .cd-tool-file-preview-original img {max-width: 76px;border-radius: 3px}
    .cd-tool-file-preview-item .file-content .file-size, .cd-tool-file-preview-item .file-content .file-size-difference {font-size: 11px}
    .cd-tool-file-preview-list-item .cd-tool-file-preview-original .file-content .file-meta {gap: 6px}
    .cd_header_top_bar {padding: 10px 20px}
    .cd_header_top_bar .cd_header_top_bar_content {font-size: 13px}
}
@media (max-width: 575px) {
    .cd_header_top_bar {padding: 10px 16px}
    .cd_header_top_bar .cd_header_top_bar_content {font-size: 14px;line-height: 1.5}
}