.upload-page{box-sizing:border-box;max-width:700px;margin:auto;padding:24px 12px 40px;overflow-x:hidden}.upload-card{box-sizing:border-box;border-radius:20px;flex-direction:column;width:min(760px,92vw);max-width:100%;height:fit-content;margin:16px auto 0;font-family:inherit;display:flex}.pre-select,.upload-card,.upload-container-header,.upload-container input,.upload-container textarea,.upload-image{box-shadow:2px 2px 2px 2px #b3b3b3}.upload-container{font-family:var(--font-alexandria), ui-sans-serif, system-ui, sans-serif;box-sizing:border-box;flex-direction:column;gap:22px;width:100%;max-width:620px;height:fit-content;margin:0 auto;padding:12px 14px 6px;display:flex}.upload-container-header{font-family:var(--font-alexandria), ui-sans-serif, system-ui, sans-serif;border-radius:inherit;color:#fff;text-align:center;background-color:#1e293b;justify-content:center;align-items:center;padding:12px 14px;font-size:20px;font-weight:550;display:flex}.upload-label{margin-top:22px;font-weight:575}.upload-container input,.upload-container textarea,.pre-select{color:#000;font-size:14px;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;background-color:#e4e0e048;border:1px solid;border-radius:14px;margin:0;padding:12px}.upload-container input,.upload-container textarea{box-sizing:border-box;width:100%;max-width:100%}.upload-container-header img{flex-shrink:0}.upload-image-preview{box-sizing:border-box;padding:0 4px}.upload-image-preview-name{max-width:100%}.upload-container textarea{resize:none}.upload-container textarea:focus{outline:none}.toggle-dropdown{border:solid;padding:15px}.pre-select{color:#6c6c6c;cursor:pointer}.post{color:#000}.dropdown-menu-container{flex-direction:column;gap:6px;margin-top:10px;display:flex}.dropdown-menu-item{cursor:pointer;background-color:#fff2e680;border:1px solid;border-radius:12px;padding:10px;font-size:13px}.dropdown-menu-item:hover{background-color:#fdead9}.file-type{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;top:0;right:0}.file-type::-webkit-file-upload-button{visibility:hidden;padding:0}.upload-image{text-align:center;box-sizing:border-box;background-color:#fff2e680;border:1px dotted;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;height:112px;margin:auto;padding:10px 12px;display:flex;position:relative}.upload-image-preview{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.upload-image-preview-img{object-fit:cover;background:#ffffffb3;border:1px solid #0f172a2e;border-radius:10px;width:56px;height:56px}.upload-image-preview-meta{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.upload-image-preview-title{font-family:var(--font-alexandria), ui-sans-serif, system-ui, sans-serif;color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.1}.upload-image-preview-name{font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:360px;font-size:.85rem;overflow:hidden}@media (max-height:820px){.upload-page{padding:14px 10px 18px}.upload-card{margin-top:10px}.upload-container-header{padding:10px 12px;font-size:18px}.upload-label{margin-top:10px}.upload-container{gap:7px;padding:10px 12px 4px}.upload-card{transform-origin:top;transform:scale(.94)}.upload-image-preview-img{width:48px;height:48px}}@media (max-width:520px){.upload-image-preview-name{max-width:220px}}@media (max-width:480px){.upload-page{padding:14px 10px 22px}.upload-card{border-radius:16px;width:100%;margin-top:10px}.upload-container{gap:7px;max-width:100%;padding:10px 12px 4px}.upload-container-header{padding:10px 12px;font-size:18px}.upload-label{margin-top:10px}.upload-container input,.upload-container textarea,.pre-select{border-radius:12px;padding:11px;font-size:14px}.upload-image{height:108px}.upload-image-preview-img{width:48px;height:48px}.upload-button{max-width:100%}}@media (max-width:360px){.upload-container-header{font-size:16px}}.upload-image p{margin:0}.upload-button{font-family:var(--font-alexandria);color:#fff;cursor:pointer;background-color:#dd7d00;border:none;border-radius:10px;width:100%;max-width:360px;margin:14px auto 10px;padding:15px 20px;font-weight:700}.upload-button:hover{background-color:#cd6700}.return-to-home-page{color:#000;margin:auto auto 35px;text-decoration:none}.return-to-home-page:hover{color:#f27f0d}