.knox-upload{--ku-border:#393752;--ku-muted:#afb1c9;position:relative;min-width:0;padding:18px;border:1px solid var(--ku-border);border-radius:18px;background:linear-gradient(145deg,rgba(115,74,187,.09),rgba(24,30,53,.45));color:#f1efff;box-sizing:border-box}.knox-upload [hidden]{display:none!important}.knox-upload .knox-upload-native{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none}.knox-upload-drop{display:flex;align-items:center;gap:14px;min-height:68px;border:1px dashed #5a4d7d;border-radius:12px;padding:15px;background:rgba(10,12,26,.38);flex-wrap:wrap}.knox-upload-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#2b2148;color:#c1a2ff;font-size:24px}.knox-upload-copy{display:grid;gap:5px;flex:1;min-width:130px}.knox-upload-copy strong{font-size:.95rem}.knox-upload-copy span,.knox-upload-meta,.knox-upload-status,.knox-upload-filename,.knox-upload-crop small{font-size:.8rem;color:var(--ku-muted);line-height:1.55}.knox-upload button{font:inherit;cursor:pointer;border-radius:10px;min-height:42px;transform:none!important;transition:background-color .15s,border-color .15s;box-shadow:none}.knox-upload-choose{border:1px solid #8065b4;background:#4d337b;color:#fff;padding:10px 15px;font-size:.82rem!important;font-weight:700!important;white-space:nowrap}.knox-upload-choose:hover{background:#61418e}.knox-upload-meta{margin-top:9px}.knox-upload-status{margin:10px 0 0!important;min-height:1.4em}.knox-upload-status.is-error{color:#ffadb8}.knox-upload.has-error{border-color:#b45d77}.knox-upload.is-dragging{border-color:#ba91ff;background:#211a37}.knox-upload-preview{position:relative;overflow:hidden;max-width:100%;margin-top:16px;border:1px solid #433b5c;border-radius:12px;background:#101324;aspect-ratio:16/9}.knox-upload-preview img,.knox-upload-preview canvas{display:block;width:100%;height:100%;object-fit:cover;max-height:none!important;border-radius:0!important}.knox-upload--portrait .knox-upload-preview{max-width:176px;aspect-ratio:1;border-radius:50%}.knox-upload--banner .knox-upload-preview{width:100%;aspect-ratio:3}.knox-upload-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;min-width:0}.knox-upload-filename{overflow-wrap:anywhere;min-width:0}.knox-upload-remove{background:transparent;border:1px solid #514560;color:#dac6ed;padding:6px 11px;font-size:.76rem!important;white-space:nowrap;flex-shrink:0}.knox-upload-remove:hover{background:#30233e}.knox-upload-crop{border:0;border-top:1px solid #38334a;padding:13px 0 0;margin:16px 0 0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.knox-upload-crop legend{font-weight:650;font-size:.82rem;padding:0 6px 0 0;color:#ded2f5}.knox-upload-crop label{display:grid!important;margin:0!important;gap:7px;color:#c9c6dd;font-size:.76rem}.knox-upload-crop input[type=range]{display:block!important;width:100%!important;min-height:24px!important;box-shadow:none!important;accent-color:#af8aef;margin:0!important;padding:0!important;background:none!important;border:0!important}.knox-upload-crop small{grid-column:1/-1}.knox-upload :is(button,input):focus-visible{outline:2px solid #b79af2!important;outline-offset:3px}.knox-upload-native:focus-visible + .knox-upload-drop{outline:2px solid #b79af2;outline-offset:3px}@media(max-width:560px){.knox-upload{padding:12px}.knox-upload-drop{padding:12px;gap:10px}.knox-upload-copy{min-width:120px}.knox-upload-choose{width:100%}.knox-upload-crop{grid-template-columns:1fr}.knox-upload-tools{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.knox-upload *{transition:none!important}}