.svg-optimizer-upload-section{margin-bottom:30px}.dropzone{border:2px dashed var(--wp--preset--color--blue-50);box-shadow:0 0 20px var(--wp--preset--color--white);border-radius:10px;padding:60px;text-align:left;background:var(--wp--preset--color--white);transition:all .3s ease;cursor:pointer;margin-bottom:20px}@media(max-width:768px){.dropzone{padding:20px}}.dropzone .dz-message{display:flex;gap:15px;flex-direction:column;align-items:flex-start;text-align:left;padding:0;margin:0}.dropzone .dz-message .dz-icon{font-size:50px;line-height:50px;user-select:none}.dropzone .dz-message h3,.dropzone .dz-message p{padding:0;margin:0}.dropzone .dz-message h3{color:var(--wp--preset--color--black)}.dropzone .dz-message p{color:var(--wp--preset--color--grey)}.dropzone:hover{border-color:var(--wp--preset--color--blue)}.dropzone.dz-drag-hover{background:var(--wp--preset--color--blue)}.dropzone.dz-drag-hover .dz-message h3,.dropzone.dz-drag-hover .dz-message p{color:var(--wp--preset--color--white)}.dropzone .dz-preview{position:relative;display:inline-block;margin:10px;min-height:100px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px}.dropzone .dz-preview .dz-image{width:80px;height:80px;border-radius:4px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.dropzone .dz-preview .dz-details{text-align:center}.dropzone .dz-preview .dz-filename{font-size:.9em;font-weight:600;margin-bottom:5px}.dropzone .dz-preview .dz-size{font-size:.8em;color:#666}.dropzone .dz-preview .dz-progress{height:4px;background:#f0f0f0;border-radius:2px;margin:10px 0;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{height:100%;background:#0073aa;border-radius:2px;transition:width .3s ease}.dropzone .dz-preview .dz-remove{position:absolute;top:5px;right:5px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dropzone .dz-preview .dz-remove:hover{background:#c82333}.dropzone .dz-preview.dz-success .dz-success-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#28a745;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px}.dropzone .dz-preview.dz-error .dz-error-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#dc3545;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px}.svg-optimizer-options{background:var(--wp--preset--color--white);box-shadow:0 0 20px var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--blue-50);border-radius:10px;padding:20px 30px;display:flex;flex-direction:row;gap:20px;align-items:center;margin-bottom:20px;align-items:center;font-size:var(--wp--preset--font-size--s)}@media(max-width:768px){.svg-optimizer-options{padding:20px 20px;align-items:flex-start;gap:10px;flex-direction:column}}.svg-optimizer-options label{line-height:100%;font-family:var(--wp--preset--font-family--avenir-medium);align-items:flex-start;gap:10px;flex-direction:row;display:flex}.svg-optimizer-options h3{margin:0;line-height:100%;font-weight:400;font-family:var(--wp--preset--font-family--avenir-medium);font-size:var(--wp--preset--font-size--s);color:var(--wp--preset--color--black)}.svg-optimizer-results{background:var(--wp--preset--color--white);box-shadow:0 0 20px var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--blue-50);border-radius:10px;padding:20px 30px;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;margin-bottom:20px;align-items:center;font-size:var(--wp--preset--font-size--s)}@media(max-width:768px){.svg-optimizer-results{padding:20px 20px;align-items:flex-start;gap:10px;flex-direction:column}}.svg-optimizer-results h3,.svg-optimizer-results h4{margin:0;line-height:100%;font-weight:400;font-family:var(--wp--preset--font-family--avenir-medium);font-size:var(--wp--preset--font-size--s);color:var(--wp--preset--color--black)}.svg-optimizer-results .svg-optimizer-stats{display:flex;gap:20px;padding:0;margin:0;line-height:100%}.svg-optimizer-results .svg-preview{width:100%;display:flex;flex-direction:column;gap:20px;line-height:100%}.svg-optimizer-results .svg-preview #svg-preview-container{width:100%;padding:15px;background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--blue-50);border-radius:10px;margin-bottom:15px;align-items:center;justify-content:center;justify-items:center;align-content:center;text-align:center}.svg-optimizer-results .svg-preview #svg-preview-container svg{max-width:300px}.svg-css-usage{display:flex;flex-direction:row;gap:20px;width:100%;margin-bottom:20px}.svg-css-usage .svg-data-uri,.svg-css-usage .svg-base64{width:100%}.svg-css-usage label{margin-bottom:10px;font-family:var(--wp--preset--font-family--avenir-medium);font-size:var(--wp--preset--font-size--s)}.svg-css-usage button.svg-optimizer-button{font-family:var(--wp--preset--font-family--avenir-medium);font-size:var(--wp--preset--font-size--s)}.css-example-section{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:4px;border:1px solid #eee}.css-example-section h4{margin-top:0;margin-bottom:10px;font-size:1em;color:#333}textarea{width:100%;padding:15px;background:var(--wp--preset--color--white);border:1px solid var(--wp--preset--color--blue-50);border-radius:10px;font-family:monospace;resize:vertical;font-size:var(--wp--preset--font-size--xs);line-height:120%;min-height:120px;resize:vertical}