.styles-module__7MNrZq__data-uri-generator{max-width:800px;margin:0 auto;padding:20px}.light .styles-module__7MNrZq__data-uri-generator{background:var(--bg-light);color:var(--text-light)}.dark .styles-module__7MNrZq__data-uri-generator{background:var(--bg-dark);color:var(--text-dark)}.styles-module__7MNrZq__generator-container{flex-direction:column;gap:20px;display:flex}.styles-module__7MNrZq__input-section{flex-direction:column;gap:15px;display:flex}.styles-module__7MNrZq__input-type-selector{gap:20px;display:flex}.styles-module__7MNrZq__input-type-selector label{cursor:pointer;align-items:center;gap:8px;padding:10px 0;display:flex}.styles-module__7MNrZq__input-type-selector input[type=radio]{margin:0}.styles-module__7MNrZq__text-input-section,.styles-module__7MNrZq__file-input-section{flex-direction:column;gap:10px;display:flex}.styles-module__7MNrZq__text-type-selector{align-items:center;gap:10px;display:flex}.styles-module__7MNrZq__text-type-selector label{font-weight:600}.styles-module__7MNrZq__text-type-selector select{background:#fff;border:2px solid #d1d5db;border-radius:6px;padding:8px 12px}.dark .styles-module__7MNrZq__text-type-selector select{background:var(--card-dark);color:var(--text-dark);border-color:#374151}.styles-module__7MNrZq__text-input-section textarea{resize:vertical;border:2px solid #d1d5db;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;transition:border-color .3s}.styles-module__7MNrZq__text-input-section textarea:focus{border-color:#3b82f6;outline:none}.dark .styles-module__7MNrZq__text-input-section textarea{background:var(--card-dark);color:var(--text-dark);border-color:#374151}.styles-module__7MNrZq__file-selector{flex-direction:column;gap:10px;display:flex}.styles-module__7MNrZq__file-input{background:var(--card-light);border:2px dashed #d1d5db;border-radius:8px;padding:10px}.dark .styles-module__7MNrZq__file-input{background:var(--card-dark);border-color:#374151}.styles-module__7MNrZq__file-info{background:var(--card-light);border:1px solid #e5e7eb;border-radius:6px;padding:12px}.dark .styles-module__7MNrZq__file-info{background:var(--card-dark);border-color:#374151}.styles-module__7MNrZq__file-details{flex-direction:column;gap:4px;display:flex}.styles-module__7MNrZq__no-file{opacity:.7;font-style:italic}.styles-module__7MNrZq__action-buttons{gap:12px;display:flex}.styles-module__7MNrZq__primary-btn,.styles-module__7MNrZq__secondary-btn{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-weight:600;transition:all .2s}.styles-module__7MNrZq__primary-btn{color:#fff;background:#3b82f6}.styles-module__7MNrZq__primary-btn:hover{background:#2563eb;transform:translateY(-1px)}.styles-module__7MNrZq__secondary-btn{color:#fff;background:#6b7280}.styles-module__7MNrZq__secondary-btn:hover{background:#4b5563;transform:translateY(-1px)}.styles-module__7MNrZq__file-info-section{background:var(--card-light);border-radius:8px;padding:20px}.dark .styles-module__7MNrZq__file-info-section{background:var(--card-dark)}.styles-module__7MNrZq__file-info-section h3{color:#3b82f6;margin-bottom:15px}.styles-module__7MNrZq__info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.styles-module__7MNrZq__info-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.dark .styles-module__7MNrZq__info-item{border-bottom-color:#374151}.styles-module__7MNrZq__info-label{color:#3b82f6;font-weight:600}.styles-module__7MNrZq__info-value{font-family:Courier New,monospace;font-size:.9rem}.styles-module__7MNrZq__results-section{flex-direction:column;gap:20px;display:flex}.styles-module__7MNrZq__data-uri-output{background:var(--card-light);border-radius:8px;padding:20px}.dark .styles-module__7MNrZq__data-uri-output{background:var(--card-dark)}.styles-module__7MNrZq__output-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.styles-module__7MNrZq__output-header h3{color:#3b82f6;margin:0}.styles-module__7MNrZq__copy-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.styles-module__7MNrZq__copy-btn:hover{background:#2563eb;transform:translateY(-1px)}.styles-module__7MNrZq__copy-btn.styles-module__7MNrZq__copied{background:#10b981}.styles-module__7MNrZq__uri-output{resize:vertical;background:var(--bg-light);border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.4}.dark .styles-module__7MNrZq__uri-output{background:var(--bg-dark);color:var(--text-dark);border-color:#374151}.styles-module__7MNrZq__copied-message{color:#10b981;text-align:center;margin-top:8px;font-size:.9rem}.styles-module__7MNrZq__preview-section{background:var(--card-light);border-radius:8px;padding:20px}.dark .styles-module__7MNrZq__preview-section{background:var(--card-dark)}.styles-module__7MNrZq__preview-section h3{color:#3b82f6;margin-bottom:15px}.styles-module__7MNrZq__preview-container{border:2px dashed #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.dark .styles-module__7MNrZq__preview-container{border-color:#374151}.styles-module__7MNrZq__image-preview{border-radius:4px;max-width:100%;max-height:300px}.styles-module__7MNrZq__text-preview{background:var(--bg-light);white-space:pre-wrap;border-radius:4px;width:100%;max-height:300px;padding:15px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;overflow:auto}.dark .styles-module__7MNrZq__text-preview{background:var(--bg-dark)}.styles-module__7MNrZq__no-preview{opacity:.7;font-style:italic}.styles-module__7MNrZq__data-uri-info{background:var(--card-light);border-radius:8px;margin-top:20px;padding:20px}.dark .styles-module__7MNrZq__data-uri-info{background:var(--card-dark)}.styles-module__7MNrZq__data-uri-info h4{color:#3b82f6;margin-bottom:10px}.styles-module__7MNrZq__data-uri-info ul{margin-left:20px;list-style-type:disc}.styles-module__7MNrZq__data-uri-info li{margin-bottom:8px;line-height:1.5}@media (max-width:768px){.styles-module__7MNrZq__data-uri-generator{padding:15px}.styles-module__7MNrZq__input-type-selector{flex-direction:column;gap:10px}.styles-module__7MNrZq__action-buttons{flex-direction:column}.styles-module__7MNrZq__output-header{flex-direction:column;align-items:flex-start;gap:10px}.styles-module__7MNrZq__info-grid{grid-template-columns:1fr}.styles-module__7MNrZq__info-item{flex-direction:column;align-items:flex-start;gap:5px}.styles-module__7MNrZq__text-type-selector{flex-direction:column;align-items:flex-start}}