*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{margin:0 auto;max-width:1200px;padding:20px}.app-title{color:#333;font-size:2.5rem;font-weight:300;margin-bottom:30px;text-align:center}.container{background:#fff;border:1px solid #aeaeaf;border-radius:5px;margin-bottom:20px;overflow:hidden}.btn{background:#0000;border:1px solid #f53447;border-radius:4px;color:#f53447;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;margin-right:8px;padding:8px 16px;transition:all .2s ease}.btn:hover{background:#f534471a}.btn.active{background:#f53447;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:all .2s ease;width:30px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#f53447;box-shadow:0 0 0 2px #f534474d}.color-black{background-color:#000}.color-white{background-color:#fff;border:1px solid #ddd}.color-red{background-color:#e74c3c}.color-lime{background-color:#27ae60}.color-orange{background-color:#f39c12}.color-green{background-color:#2ecc71}.color-yellow{background-color:#f1c40f}.color-blue{background-color:#3498db}.color-gray{background-color:#95a5a6}.color-granite{background-color:#7f8c8d}.input{border:1px solid #aeaeaf;border-radius:4px;font-size:14px;max-width:100px;padding:8px 12px;width:100%}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.p-3{padding:24px}.text-small{color:#666;font-size:12px}.text-error{color:#e74c3c}.text-success{color:#27ae60}.account-layout{margin:0 auto;max-width:800px;padding:20px}.account-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0}.account-header h2{color:#333;margin:0}.logout-btn{background:#f5f5f5;border:1px solid #ddd;cursor:pointer;padding:8px 16px;text-decoration:underline}.account-tabs{display:flex;gap:10px;margin-bottom:30px}.account-tabs a{background:#f9f9f9;border:1px solid #ddd;color:#666;padding:12px 24px;text-decoration:none}.account-tabs a.active{background:#4caf50;border-color:#4caf50;color:#fff}.data-section{margin-bottom:30px}.data-section h3{color:#333;font-size:18px;margin-bottom:15px}.data-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:200px 1fr;margin-bottom:20px}.data-item{display:contents}.data-item .label{color:#666;font-weight:500}.data-item .value{color:#333}.action-buttons{display:flex;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{border:none;cursor:pointer;font-weight:500;padding:12px 24px}.btn-primary,.btn-secondary{background:#333;color:#fff}.skeleton-container{display:flex;flex-direction:column;gap:8px}.skeleton-item{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-item.circle{border-radius:50%}.skeleton-item.square{aspect-ratio:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dropzone-container{align-items:center;background:#fff;border:2px dashed #aeaeaf;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:200px;padding:40px 24px;text-align:center;transition:all .3s ease}.dropzone-container:hover{border-color:#999}.dropzone-drag-active{background-color:#3498db0d!important;border-color:#f53447!important}.dropzone-icon{font-size:48px;margin-bottom:16px}.dropzone-main-text{color:#333;font-size:18px;font-weight:500;margin-bottom:20px}.dropzone-formats{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.format-chips{display:flex;gap:8px}.format-chip{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;color:#666;font-size:12px;font-weight:500;padding:6px 12px}.max-size-info{color:#999;font-size:14px}.dropzone-upload-btn{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 20px;transition:all .2s ease}.dropzone-upload-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.dropzone-security-info{color:#6c757d;font-size:12px;margin:0}.upload-progress-item{font-size:12px;margin:8px 0}.upload-progress-text{color:#666;margin-bottom:4px}.upload-progress-bar{background:#eee;border-radius:2px;height:4px;margin:0 auto;overflow:hidden;width:200px}.upload-progress-fill{height:100%;transition:width .3s ease}.dropzone-dimensions-info{align-items:center;color:#666;display:flex;font-size:13px;gap:6px;justify-content:center;margin:8px 0}.dimensions-label{font-weight:500}.dimensions-value{background:#f0f0f0;border-radius:4px;color:#333;font-family:monospace;font-weight:600;padding:2px 8px}
/*# sourceMappingURL=main.1b41a6fa.css.map*/