.parent.svelte-5za9xn{display:flex;flex-direction:column;height:100dvh;align-items:center;width:100%;max-width:2100px}.topbar.svelte-5za9xn{display:flex;flex-direction:row;width:100%;padding:12px 40px;align-items:center}.topbar.svelte-5za9xn .logo:where(.svelte-5za9xn){width:64px}@media (max-width: 600px){.topbar.svelte-5za9xn .logo:where(.svelte-5za9xn){height:24px}}.upload-container.svelte-5za9xn{max-width:600px;padding:2rem;width:100%;box-sizing:border-box;align-self:center}.upload-container.svelte-5za9xn h1:where(.svelte-5za9xn){text-align:center;color:#333;margin-bottom:2rem}.upload-form.svelte-5za9xn{display:flex;flex-direction:column;gap:1.5rem}.form-group.svelte-5za9xn{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-5za9xn label:where(.svelte-5za9xn){font-weight:500;color:#333}.form-group.svelte-5za9xn input:where(.svelte-5za9xn){padding:.8rem;border:1px solid #919191;border-radius:10px;font-size:1rem;background:none;transition:border-color .3s ease}.form-group.svelte-5za9xn input:where(.svelte-5za9xn):focus{outline:none;border-color:#a27d5d}.tags-input-container.svelte-5za9xn{border:1px solid #919191;border-radius:10px;padding:.5rem;min-height:48px;transition:border-color .3s ease}.tags-input-container.svelte-5za9xn:focus-within{border-color:#a27d5d}.tags-list.svelte-5za9xn{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag.svelte-5za9xn{display:inline-flex;align-items:center;color:#42403e;padding:.3rem .6rem;border:1px solid #939393;border-radius:12px;font-size:.9rem;gap:.3rem}.tag.svelte-5za9xn .remove-tag:where(.svelte-5za9xn){background:none;border:none;color:#707070;font-size:1.2rem;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:background-color .2s ease}.tag.svelte-5za9xn .remove-tag:where(.svelte-5za9xn):hover{background-color:#1976d21a}.tag-input.svelte-5za9xn{flex:1;min-width:120px;border:none;padding:.3rem;font-size:.9rem;background:transparent}.tag-input.svelte-5za9xn:focus{outline:none}.upload-section.svelte-5za9xn{display:flex;flex-direction:column;gap:1rem}.upload-box.svelte-5za9xn{border:2px dashed #919191;border-radius:10px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-box.svelte-5za9xn:hover{border-color:#666}.upload-box.dragover.svelte-5za9xn{border-color:#a27d5d;background-color:#2196f31a}.file-input.svelte-5za9xn{display:none}.upload-label.svelte-5za9xn{display:block;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem}.upload-text-container.svelte-5za9xn{display:flex;align-items:center;justify-content:center;height:100%}.upload-text.svelte-5za9xn{color:#666;font-size:1.1rem}.selected-file.svelte-5za9xn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%}.image-preview.svelte-5za9xn{max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain;border-radius:8px}.file-name.svelte-5za9xn{color:#896b50;font-weight:500;font-size:.9rem;word-break:break-word;text-align:center;max-width:100%}.remove-file-button.svelte-5za9xn{align-self:center;padding:.5rem 1rem;background:none;color:#c62828;border:1px solid #c62828;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.remove-file-button.svelte-5za9xn:hover{background-color:#c62828;color:#fff}.upload-button.svelte-5za9xn{width:100%;padding:1.2rem;background-color:#a27d5d;color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.upload-button.svelte-5za9xn:hover:not(:disabled){background-color:#a27d5d}.upload-button.svelte-5za9xn:disabled{background-color:#a0a0a0;cursor:not-allowed}.progress-container.svelte-5za9xn{margin-top:1rem;background-color:#f5f5f5;border-radius:4px;overflow:hidden;position:relative;height:20px}.progress-bar.svelte-5za9xn{height:100%;background-color:#a27d5d;transition:width .3s ease}.progress-text.svelte-5za9xn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:.8rem}.error-message.svelte-5za9xn{margin-top:1rem;padding:.8rem;background-color:#ffebee;color:#c62828;border-radius:4px;text-align:center}.success-message.svelte-5za9xn{margin-top:1rem;padding:.8rem;background-color:#e8f5e9;color:#2e7d32;border-radius:4px;text-align:center}
