.MediaTools-module__4-WRBG__wrapper{flex-direction:column;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;display:flex}.MediaTools-module__4-WRBG__title{color:var(--foreground);text-align:center;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.MediaTools-module__4-WRBG__panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.MediaTools-module__4-WRBG__panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);position:absolute;inset:0}.MediaTools-module__4-WRBG__dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;background:var(--background);transition:all var(--transition-normal);cursor:pointer;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex;position:relative}@media (prefers-color-scheme:dark){.MediaTools-module__4-WRBG__dropzone{background:#0003}}.MediaTools-module__4-WRBG__dropzone:hover,.MediaTools-module__4-WRBG__dropzoneDragging{border-color:var(--primary);background:#3b82f60d;transform:scale(1.02)}.MediaTools-module__4-WRBG__uploadIcon{width:48px;height:48px;color:var(--primary);opacity:.8}.MediaTools-module__4-WRBG__dropText{color:var(--foreground);font-size:1.1rem;font-weight:500}.MediaTools-module__4-WRBG__dropSubtext{color:var(--text-muted);font-size:.85rem}.MediaTools-module__4-WRBG__previewSection{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.MediaTools-module__4-WRBG__previewImageWrapper{border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border-color);justify-content:center;align-items:center;width:100%;max-height:400px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.MediaTools-module__4-WRBG__previewImage{object-fit:contain;max-width:100%;max-height:400px}.MediaTools-module__4-WRBG__optionsGrid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:600px){.MediaTools-module__4-WRBG__optionsGrid{grid-template-columns:1fr 1fr}}.MediaTools-module__4-WRBG__formGroup{flex-direction:column;gap:.5rem;display:flex}.MediaTools-module__4-WRBG__label{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.MediaTools-module__4-WRBG__input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--foreground);outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.MediaTools-module__4-WRBG__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.MediaTools-module__4-WRBG__select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--foreground);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24' stroke='gray'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;outline:none;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:all .2s}.MediaTools-module__4-WRBG__select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.MediaTools-module__4-WRBG__actionRow{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}@media (min-width:600px){.MediaTools-module__4-WRBG__actionRow{flex-direction:row;justify-content:space-between;align-items:center}}.MediaTools-module__4-WRBG__statsText{color:var(--text-muted);font-size:.9rem}.MediaTools-module__4-WRBG__statsHighlight{color:var(--primary);font-weight:600}.MediaTools-module__4-WRBG__btnGroup{gap:1rem;display:flex}.MediaTools-module__4-WRBG__btnPrimary{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.MediaTools-module__4-WRBG__btnPrimary:hover{box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.MediaTools-module__4-WRBG__btnSecondary{color:var(--foreground);background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.MediaTools-module__4-WRBG__btnSecondary:hover{background:var(--card-bg);border-color:var(--primary);color:var(--primary)}.MediaTools-module__4-WRBG__spinner{width:20px;height:20px;animation:2s linear infinite MediaTools-module__4-WRBG__rotate}.MediaTools-module__4-WRBG__spinner path{stroke:currentColor;stroke-width:2px;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;animation:1.5s ease-in-out infinite MediaTools-module__4-WRBG__dash}@keyframes MediaTools-module__4-WRBG__rotate{to{transform:rotate(360deg)}}@keyframes MediaTools-module__4-WRBG__dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 200;stroke-dashoffset:-35px}to{stroke-dasharray:90 200;stroke-dashoffset:-124px}}