.tju-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;border:0!important}
.tju{--tju-pink:#ff1478;--tju-ink:#111;box-sizing:border-box;display:grid;justify-items:center;align-content:center;gap:12px;width:100%;min-width:0;min-height:210px;padding:28px;border:3px dashed var(--tju-ink);background:radial-gradient(circle at 15% 15%,rgba(255,20,120,.12),transparent 34%),#f8f0df;color:var(--tju-ink);text-align:center;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.tju *{box-sizing:border-box;min-width:0}
.tju:hover,.tju.is-dragover{border-color:var(--tju-pink);background:#fff7e8}
.tju:focus-visible,.tju-picker:focus-visible{outline:3px solid var(--tju-pink);outline-offset:4px}
.tju-picker{display:grid!important;justify-items:center;gap:8px;width:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;text-align:center!important;font:inherit;cursor:pointer;border-radius:0!important}
.tju-plus{display:grid!important;place-items:center;width:50px;height:50px;margin:0 0 6px;border:2px solid var(--tju-ink);background:var(--tju-pink);color:white;box-shadow:5px 5px 0 var(--tju-ink);font:700 32px/1 Arial,sans-serif}
.tju-title{display:block;font-size:20px!important;font-weight:900!important;line-height:1.3!important;text-transform:uppercase;overflow-wrap:anywhere}
.tju-subtitle{font-size:14px!important;line-height:1.5!important;font-weight:500!important}
.tju-limits{margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.5!important;text-transform:uppercase;opacity:.7}
.tju-preview{display:grid;width:100%;justify-items:center;gap:14px;margin:0!important}
.tju-preview[hidden],.tju-error:empty,.tju.has-preview .tju-plus{display:none!important}
.tju-media{display:block!important;margin:0!important;border:2px solid var(--tju-ink);border-radius:0!important;background:#f8f0df;object-fit:cover;object-position:center}
.tju[data-kind="square"] .tju-media{width:min(260px,100%)!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important}
.tju[data-kind="cover"] .tju-media{width:100%!important;max-width:760px!important;height:auto!important;max-height:290px!important;object-fit:cover!important}
.tju[data-kind="image"] .tju-media{width:min(260px,100%)!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important}
.tju .tju-media.is-video{width:100%!important;max-width:760px!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;background:#f8f0df!important;cursor:auto}
.tju .tju-media.is-audio{width:100%!important;max-width:760px!important;height:54px!important;aspect-ratio:auto!important;cursor:auto}
.tju-file{display:grid;justify-items:center;gap:8px;width:min(100%,760px);padding:22px;border:2px solid #111;background:rgba(255,255,255,.4);font-weight:800;overflow-wrap:anywhere}
.tju-file-icon{display:grid;place-items:center;width:54px;height:64px;border:2px solid #111;background:#fff;font-size:12px}
.tju-file-name{max-width:100%;overflow-wrap:anywhere}
.tju-error{margin:0!important;color:#9a123b;font-size:14px!important;font-weight:700!important;overflow-wrap:anywhere}
.tju[aria-disabled="true"]{opacity:.6;cursor:not-allowed}
.tju[aria-disabled="true"] .tju-picker{cursor:not-allowed}
[data-tju-host]{display:block!important;position:relative!important;width:100%!important;padding:0!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
[data-tju-host]>:not(.tju):not(input){display:none!important}
[data-tju-onboarding]>.tj-ob-v1-photo-preview,[data-tju-onboarding]>.tj-ob-v1-cover-preview,[data-tju-onboarding]>.tj-ob-v1-file-label,[data-tju-onboarding]>.tj-ob-v1-file-name{display:none!important}
[data-tju-onboarding] .tj-ob-v1-file-button{display:none!important}
[data-tju-editor] .tj-portfolio-edit-preview{display:none!important}
@media(max-width:560px){.tju{padding:18px 12px}.tju-title{font-size:17px!important}.tju-plus{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.tju{transition:none}}

/* Keep selected filenames inside every shared upload frame. */
.tju .tju-title{max-width:100%!important;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px!important;font-weight:650!important;letter-spacing:normal!important;text-transform:none;}
.tju .tju-file-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;}
.tju-picker,.tju-preview{max-width:100%;min-width:0;}
@media(max-width:560px){.tju .tju-title{font-size:15px!important;}}

/* Multiple selected files are a compact preview grid, not a tall stack. */
.tju.has-multiple .tju-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:start;gap:12px;max-height:420px;overflow-y:auto;padding:3px;}
.tju.has-multiple .tju-preview .tju-media{width:100%!important;max-width:100%!important;height:150px!important;max-height:150px!important;aspect-ratio:auto!important;object-fit:contain!important;}
.tju.has-multiple .tju-preview .tju-file{width:100%;min-height:150px;padding:12px;}
.tju.has-multiple .tju-preview .tju-media.is-audio{height:54px!important;}
