@layer components{.yb-media-image{object-fit:cover;width:100%;height:100%;display:block}.yb-media-image--empty{background:var(--yb-card-2);color:var(--yb-text-2);justify-content:center;align-items:center;display:flex}.yb-photo-picker{justify-content:center;align-items:center;gap:var(--yb-space-2);color:var(--yb-text-2);font-family:var(--yb-font-body);font-size:var(--yb-text-sm);text-align:center;cursor:pointer;font-weight:700;display:flex;position:relative}.yb-photo-picker__input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.yb-photo-picker:has(.yb-photo-picker__input:focus-visible){outline:3px solid var(--yb-primary);outline-offset:2px}.yb-photo-picker--zone,.yb-photo-picker--tile{border:var(--yb-control-border) dashed var(--yb-control-line);border-radius:var(--yb-radius-md);background:var(--yb-card);flex-direction:column}.yb-photo-picker--zone{min-height:120px;padding:var(--yb-space-4)}.yb-photo-picker--tile{min-height:140px}.yb-photo-picker--button{min-height:44px;padding:0 var(--yb-space-4);border:var(--yb-control-border) solid var(--yb-control-line);border-radius:var(--yb-radius-md);background:var(--yb-card);color:var(--yb-text);text-transform:uppercase;letter-spacing:.03em}.yb-photo-picker:not(.yb-photo-picker--inactive):hover,.yb-photo-picker--dragging{border-color:var(--yb-primary);color:var(--yb-text);background:var(--yb-card-2)}.yb-photo-picker--dragging{border-style:solid}.yb-photo-picker--inactive{opacity:.6;cursor:not-allowed}.yb-photo-picker__hint{font-size:var(--yb-text-xs);color:var(--yb-text-2);font-weight:500}}