.base-image-upload-single[data-v-29343acb]{height:20rem}.base-image-upload-single[data-v-29343acb]:not(.upload-slot--filled):not(.upload-slot--loading):not(.upload-slot--disabled){border:.1rem dashed rgba(76,230,122,.3);transition:background .15s ease,border-color .15s ease;background:#ffffff03;box-shadow:inset 5px 0 30px #3ae7f70d,inset -5px 0 30px #60f73a0d}.base-image-upload-single[data-v-29343acb]:not(.upload-slot--filled):not(.upload-slot--loading):not(.upload-slot--disabled):hover{border-color:var(--stroke-brand);background:var(--surface-panel-light)}.upload-slot{position:relative;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-xl);background:var(--surface-panel-light);transition:background .15s ease}.upload-slot:not(.upload-slot--disabled):not(.upload-slot--loading):not(.upload-slot--filled):hover{background:var(--surface-panel-normal)}.upload-slot--disabled{cursor:not-allowed;background:var(--supported-button-white-disable)}.upload-slot--loading{cursor:wait}.upload-slot__glow{position:absolute;pointer-events:none;width:59.5rem;height:59.5rem;left:-37.5rem;top:-38.1rem;transform:rotate(-45deg);opacity:.35;transition:opacity .15s ease}.upload-slot__glow:before{content:"";position:absolute;inset:-5% -15%;background:radial-gradient(ellipse at center,#ffffff1f 0,#fff0 70%)}.upload-slot__blur-bg{position:absolute;inset:0;pointer-events:none}.upload-slot__blur-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(5rem);transform:scale(1.08)}.upload-slot__blur-bg:after{content:"";position:absolute;inset:0;background:var(--surface-opacity-black)}.upload-slot__preview{position:absolute;inset:0;pointer-events:none}.upload-slot__preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.upload-slot__empty{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:var(--spacing-1);padding:var(--spacing-3);box-sizing:border-box;transition:opacity .15s ease}.upload-slot__title{font-size:1.2rem;font-weight:500;color:var(--text-icon-white-primary)}.upload-slot__hint,.upload-slot__title{margin:0;line-height:normal;white-space:nowrap}.upload-slot__hint{font-size:1rem;font-weight:400;color:var(--text-icon-white-light)}.upload-slot__loading-text{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:1.4rem;font-weight:500;line-height:normal;color:var(--text-icon-white-secondary);white-space:nowrap}.upload-slot--disabled .upload-slot__hint,.upload-slot--disabled .upload-slot__title{color:var(--text-icon-white-disable)}.upload-slot--disabled .upload-slot__required{color:var(--yellow-dark)}.upload-slot__required{color:var(--yellow-medium)}.upload-slot:not(.upload-slot--disabled):not(.upload-slot--loading):not(.upload-slot--filled):hover .upload-slot__empty,.upload-slot:not(.upload-slot--disabled):not(.upload-slot--loading):not(.upload-slot--filled):hover .upload-slot__glow,.upload-slot__hover-menu{opacity:0;pointer-events:none}.upload-slot__hover-menu{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-3);box-sizing:border-box;transition:opacity .15s ease}.upload-slot__hover-menu--compact{gap:var(--spacing-2);padding:var(--spacing-2)}.upload-slot__hover-menu--compact .upload-slot__menu-btn{flex:1 1 0;min-height:0;height:auto;padding:0}.upload-slot:not(.upload-slot--disabled):not(.upload-slot--loading):not(.upload-slot--filled):hover .upload-slot__hover-menu{opacity:1;pointer-events:auto}.upload-slot__menu-btn{flex:1 1 0;width:100%;min-height:var(--component-size-m);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-m);font-size:1.4rem;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.upload-slot__menu-btn--primary{background:var(--white-button-default);color:var(--text-icon-black-primary)}.upload-slot__menu-btn--primary:hover{background:var(--white-button-hover)}.upload-slot__menu-btn--primary:active{background:var(--white-button-active)}.upload-slot__menu-btn--secondary{background:var(--supported-button-white-default);color:var(--text-icon-white-secondary);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.upload-slot__menu-btn--secondary:hover{background:var(--supported-button-white-hover);color:var(--text-icon-white-primary)}.upload-slot__menu-btn--secondary:active{background:var(--supported-button-white-active);color:var(--text-icon-white-primary)}.upload-slot--drag-active{background:var(--surface-panel-normal);box-shadow:inset 0 0 0 .15rem var(--surface-brand,#4ce67a)}.upload-slot__drag-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);box-sizing:border-box;text-align:center;pointer-events:none;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-slot__drag-text{font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--surface-brand,#4ce67a)}.upload-slot__overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:var(--spacing-3);box-sizing:border-box;background:var(--surface-opacity-black);opacity:0;pointer-events:none;transition:opacity .15s ease}.upload-slot__overlay--compact{padding:var(--spacing-2)}.upload-slot--filled:not(.upload-slot--disabled):not(.upload-slot--loading):hover .upload-slot__overlay{opacity:1;pointer-events:auto}.upload-slot__overlay-actions{display:flex;align-items:center;gap:1.1rem;width:100%}.upload-slot__overlay--compact .upload-slot__overlay-actions{gap:var(--spacing-2)}.upload-slot__overlay-icon-btn,.upload-slot__overlay-text-btn{flex:1 0 0;min-width:0;width:auto}
